Back to Components#1#2#3#4#5#6#7#8#9#10
Display
Virtual List
Windowed list for efficient rendering of long datasets.
Activity 1
Updated seconds ago
Activity 2
Last touched today
Activity 3
Needs review
Activity 4
Updated seconds ago
Activity 5
Last touched today
Activity 6
Needs review
Activity 7
Updated seconds ago
Activity 8
Last touched today
Activity 9
Needs review
Activity 10
Updated seconds ago
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/virtual-list.tsx
Installation
Using shadcn CLI
npx shadcn add virtual-list --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge