behavior
説明
Determines whether scrolling is instant or animates smoothly.
タイプ
ScrollBehavior
Yamada UIにスターをあげる
スターInfiniteScrollArea
は、無限スクロール機能を提供するコンポーネントです。このコンポーネントは、コンポーネントの終わりに達したときに次のデータセットを自動的に読み込み、表示することで、スムーズなスクロール体験を提供します。
説明
Determines whether scrolling is instant or animates smoothly.
タイプ
ScrollBehavior
説明
The visual color appearance of the component.
タイプ
"whiteAlpha" | "blackAlpha" | "gray" | "neutral" | "red" | "danger" | "rose" | "pink" | "flashy" | "orange" | "warning" | "amber" | "yellow" | "lime" | "green" | "success" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "primary" | "info" | "link" | "indigo" | "violet" | "secondary" | "purple" | "fuchsia"
説明
The infinite scroll area finish to use.
タイプ
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortal
説明
Ref to a reset index function.
タイプ
RefObject<(index: number) => void>
説明
If true
, invoke onLoad
function for the first time.
タイプ
boolean
デフォルト
false
説明
If true
, the infinite scroll is disabled.
タイプ
boolean
デフォルト
false
説明
If true
, reverse direction.
タイプ
boolean
デフォルト
false
説明
The infinite scroll area loading to use.
タイプ
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortal
説明
The callback invoked when trigger is intersect.
タイプ
({
index,
entry,
finish,
}: {
index: number
finish: () => void
entry?: IntersectionObserverEntry | undefined
}) => void | Promise<void>
説明
The orientation of the infinite scroll.
タイプ
"vertical" | "horizontal"
デフォルト
'vertical'
説明
Ref to a reset function.
タイプ
RefObject<(index?: number | undefined, runScroll?: boolean | undefined) => void>
説明
The element that is used as the viewport for checking visibility of the target.
Defaults to the browser viewport if not specified or if null
.
タイプ
RefObject<HTMLElement>
説明
The size of the InfiniteScrollArea.
タイプ
string
説明
If set the onLoad
function will start from the given index.
If initialLoad
is true
, index starts from 0
.
タイプ
number
デフォルト
1
説明
Props for infinite scroll area trigger component.
タイプ
HTMLUIProps<"div">
説明
The variant of the InfiniteScrollArea.
タイプ
string
GitHubでこのページを編集する