InfiniteScroll
InfiniteScroll Component
Playground
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| hasMore | boolean | — | |
| loading | boolean | — | |
| threshold | number | — |
Default
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Loading
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Loading...
NoMore
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
No more items
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
hasMore | boolean | — | Whether there are more items to load |
loading | boolean | — | Whether loading is in progress |
threshold | number | — | Pixel distance from bottom to trigger load |
Using InfiniteScrolltsx
import { InfiniteScroll } from '@/components/InfiniteScroll'
<InfiniteScroll
hasMore="..."
loading="..."
threshold="..."
/>Tokens Used
No design tokens detected