Page sections

Empty State variations

Empty and error states with illustrations, guidance, and recovery actions.

2 variations

2 results

No projects yet

Create your first project to start shipping. You can invite teammates and connect a repository at any time.

Empty list

dark

A friendly empty list with an illustration, guidance, and creation CTAs.

Something went wrong

We couldn't load this page. The link may be broken or the resource may have been moved. Try again, or head back to your dashboard.

light

An error state for failed loads or 404s, with retry and recovery actions.

Catalog metadata for this block. Install copies the source into your project.

npx cronus-ui add empty-state

Field	Type	Default	Description
`slug`*	`string`	`"empty-state"`	Registry item id. Passed to cronus-ui add.
`name`*	`string`	`"Empty State"`	Display name shown in the gallery.
`description`*	`string`	`"Empty and error states with illustrations, guidance, and recovery actions."`	Short summary of what the block covers.
`variants`	`{ id: string; name: string; description: string }[]`	`["empty", "error"]`	Alternate layouts. Install a look with npx cronus-ui add <slug>--<id>. Omitted when the block has a single default.

Every published look for this block.

Id	Name	Description
`empty`	Empty list	A friendly empty list with an illustration, guidance, and creation CTAs.
`error`	Error / not found	An error state for failed loads or 404s, with retry and recovery actions.