Data grid
adire/data-gridUnverifiedComponent
Responsive grid of cards — the same rows a data-table shows, presented as cards instead. Owns the auto-fill layout, real list semantics (a named list with each item in a list item), the gap vocabulary, and sensible defaults for fetching: a spinner with a line of text while loading, and a muted line when empty. Both are overridable — renderSkeleton for placeholders shaped like your card, `empty` for your own empty state — and the card itself always comes from renderItem, so no item shape is ever invented for you.
Install it
npx shadcn@latest add https://raw.githubusercontent.com/Timonwa/adire-ui/main/r/data-grid.jsonThis registry does not serve an item endpoint we could read, so we hold its metadata but not its source.
What it pulls in
Other registry items
Files it writes
More from adire
All 97 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | adire | Components | Unverified | no deps | |
| Alertalert | adire | Components | Unverified | no deps | |
| Announcement bannerannouncement-banner | adire | Components | Unverified | no deps | |
| Avataravatar | adire | Components | Unverified | no deps | |
| Avatar groupavatar-group | adire | Components | Unverified | no deps | |
| Badgebadge | adire | Components | Unverified | no deps | |
| Breadcrumbsbreadcrumbs | adire | Components | Unverified | no deps | |
| Bullet listbullet-list | adire | Components | Unverified | no deps |
