Hextech UI

Virtualized Listbox

Live example

Virtualized Listbox

Build 1
Build 2
Build 3
Build 4
Build 5
Build 6
Build 7
Build 8
Build 9
Build 10

Installation

Terminal
npx shadcn@latest add https://hextech-ui.vercel.app/r/virtual-listbox.json

API reference

These are the main Virtualized Listbox options. See the exported TypeScript types for inherited native or primitive props.

PropTypeDefault
label / itemsstring / readonly VirtualOption[] (required)—
value / defaultValuereadonly string[][]
multiplebooleanfalse
height / rowHeightnumber240 / 44

Usage notes

Provide stable keys and a visible label. Match rowHeight to the actual option geometry. Controlled selections pair value with onValueChange; the active option stays mounted for keyboard and assistive-technology navigation.