Skip to content

VirtualList

Virtualized list for 10k+ items.

Import

tsx
import { ZVirtualList } from "@zurto/ui";

Usage

tsx
<ZVirtualList
  items={largeArray}
  itemHeight={40}
  renderItem={(item) => <div>{item.name}</div>}
/>

Props

PropTypeDefaultDescription
itemsT[][]List items
itemHeightnumberItem height (px)
renderItem(item: T) => ReactNodeItem renderer
overscannumber5Extra rendered items

Released under the MIT License.