Infinite Scroll
Navigation
An Intersection Observer-based infinite scroll container with loading state, configurable threshold, and animated default loader.
Loading preview...
Customize
Threshold (px)200
Has More
Props
| Prop | Type | Default | Description |
|---|---|---|---|
loadMore | () => void | Promise<void> | — | Callback to load more items when the sentinel enters view. |
hasMore | boolean | — | Whether more items are available to load. |
loader | React.ReactNode | DefaultLoader | Custom loading indicator. |
threshold | number | 200 | Root margin (in px) for triggering the load before reaching the sentinel. |
children | React.ReactNode | — | The scrollable content. |
className | string | '' | Additional CSS classes. |