Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/virtual-list.json
Usage
import { VirtualList } from "@/components/ui/virtual-list";<VirtualList
items={Array.from({ length: 1000 }, (_, i) => `Item ${i + 1}`)}
height={10}
renderItem={(item, index, isActive) => <Text bold={isActive}>{item}</Text>}
/>API Reference
VirtualList
| Prop | Type | Default |
|---|---|---|
items | T[] | required |
renderItem | (item: T, index: number, isActive: boolean) => ReactNode | required |
height | number | required |
onSelect | (item: T, index: number) => void | undefined |
cursor | string | undefined |
overscan | number | 2 |