VirtualList

VirtualList Component

stable
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
Props
PropTypeDefaultValue
itemHeightnumber—
heightnumber—
overscannumber—
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
TallItems
Item 1Detail for item #1
Item 2Detail for item #2
Item 3Detail for item #3
Item 4Detail for item #4
Item 5Detail for item #5
Item 6Detail for item #6
Item 7Detail for item #7
Item 8Detail for item #8
Item 9Detail for item #9
Item 10Detail for item #10
Item 11Detail for item #11
ManyItems
Row 1
Row 2
Row 3
Row 4
Row 5
Row 6
Row 7
Row 8
Row 9
Row 10
Row 11
Row 12
Row 13
Row 14
Row 15
Row 16
PROPTYPEDEFAULTDESCRIPTION
heightnumber—Height of the scrollable container
itemHeightnumber—Height of each item in pixels
overscannumber—Extra items rendered above/below visible area
Using VirtualListtsx
import { VirtualList } from '@/components/VirtualList'

<VirtualList
  itemHeight="..."
  height="..."
  overscan="..."
/>
Tokens Used
No design tokens detected