Components/VirtualList

VirtualList

Windowed renderer for large datasets — only renders visible rows.

Installation

Only visible items mount into the DOM.

10,000 items — only visible rows rendered

#0User 0

#1User 1

#2User 2

#3User 3

#4User 4

#5User 5

#6User 6

#7User 7

#8User 8

#9User 9

#10User 10

#11User 11

#12User 12

#13User 13

#14User 14

#15User 15

#16User 16

#17User 17

#18User 18

#19User 19

Prop	Type	Default	Description
items*	T[]	required	Full array of data items.
itemHeight*	number	required	Fixed height of each item in px.
renderItem*	(item: T, index: number) => ReactNode	required	Renders each visible item.
height	number \| string	400	Container height.
overscan	number	3	Extra items to render outside viewport.