Empty State

component

EmptyState shows a placeholder when a content area has no data. Use it for empty lists, zero search results, first-time setups, or cleared inboxes. Always include a title and a next step so the user is not stuck.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/component-empty-state.json"

Sign In

Empty State

component

EmptyState shows a placeholder when a content area has no data. Use it for empty lists, zero search results, first-time setups, or cleared inboxes. Always include a title and a next step so the user is not stuck.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/component-empty-state.json"

components/astryx/EmptyState.ts