Hextech UI

Local List Data

Live example

Local List Data

  • Avery
  • Rowan

Installation

Terminal
npx shadcn@latest add https://hextech-ui.vercel.app/r/use-list-data.json

API reference

These are the main Local List Data options. See the exported TypeScript types for inherited native or primitive props.

PropTypeDefault
getKey(item: T) => string (required)—
initialItemsreadonly T[][]
filter(item, query) => boolean—

Usage notes

Use stable unique keys and immutable collection updates. Separate the visible search text from a debounced filter callback. Keep selection consistent when records are replaced or removed.