Empty State
Empty state with icon, copy and actions, optionally dashed, for empty lists, searches and upload areas.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
EmptyStateProps
Also accepts all props of Omit<React.ComponentProps<"div">, "title">
| Prop | Type | Default | Description |
|---|---|---|---|
| icon | React.ReactNode | — | — |
| title* required | React.ReactNode | — | — |
| description | React.ReactNode | — | — |
| actions | React.ReactNode | — | Buttons or links rendered under the copy |
| bordered | boolean | false | Dashed outline, good for drop areas and empty tables |
Install
$ npx shadcn@latest add https://chromotion.dev/r/empty-state.json