behavior
説明
Determines whether scrolling is instant or animates smoothly.
タイプ
ScrollBehaviorInfiniteScrollArea
InfiniteScrollAreaは、無限スクロール機能を提供するコンポーネントです。このコンポーネントは、コンポーネントの終わりに達したときに次のデータセットを自動的に読み込み、表示することで、スムーズなスクロール体験を提供します。
Props
InfiniteScrollAreaProps
colorScheme
説明
The visual color appearance of the component.
タイプ
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"disabled
説明
If true, the infinite scroll is disabled.
タイプ
booleanデフォルト
falsefinish
説明
The infinite scroll area finish to use.
タイプ
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortalindexRef
説明
Ref to a reset index function.
タイプ
RefObject<(index: number) => void>initialLoad
説明
If true, invoke onLoad function for the first time.
タイプ
booleanデフォルト
falseisDisabled
非推奨説明
If true, the infinite scroll is disabled.
非推奨
Use disabled instead.
タイプ
booleanデフォルト
falseisReverse
非推奨説明
If true, reverse direction.
非推奨
Use reverse instead.
タイプ
booleanデフォルト
falseloading
説明
The infinite scroll area loading to use.
タイプ
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortalonLoad
説明
The callback invoked when trigger is intersect.
タイプ
({
entry,
finish,
index,
}: {
finish: () => void
index: number
entry?: IntersectionObserverEntry | undefined
}) => void | Promise<void>orientation
説明
The orientation of the infinite scroll.
タイプ
"horizontal" | "vertical"デフォルト
'vertical'resetRef
説明
Ref to a reset function.
タイプ
RefObject<(index?: number | undefined, runScroll?: boolean | undefined) => void>reverse
説明
If true, reverse direction.
タイプ
booleanデフォルト
falserootMargin
説明
Margin around the root. Can have values similar to the CSS margin property, e.g. "10px 20px 30px 40px" (top, right, bottom, left).
タイプ
stringrootRef
説明
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>size
説明
The size of the InfiniteScrollArea.
タイプ
stringstartIndex
説明
If set the onLoad function will start from the given index.
If initialLoad is true, index starts from 0.
タイプ
numberデフォルト
1threshold
説明
Either a single number or an array of numbers which indicate at what percentage of the target's visibility the observer's callback should be executed.
タイプ
number | number[]triggerProps
説明
Props for infinite scroll area trigger component.
タイプ
HTMLUIPropsvariant
説明
The variant of the InfiniteScrollArea.
タイプ
stringGitHubでこのページを編集する