Empty State
Live example
Empty State
Installation
npx shadcn@latest add https://hextech-ui.vercel.app/r/empty-state.jsonAPI reference
These are the main Empty State options. See the exported TypeScript types for inherited native or primitive props.
| Prop | Type | Default |
|---|---|---|
className | string on every part | — |
children | ReactNode | — |
Recovery action
Explain why the collection is empty and offer a useful next step. Keep the action optional, for example when no records match a filter. This demo changes local state only.
Live example