Components

Empty State

Mixed (Card+Icon)

Display an empty state when there is no content to show.

Simple empty state with icon, title, description, and action.

No items found

You don't have any items yet. Create your first item to get started.

Empty state for search or filter results.

No results found

Try adjusting your search or filter to find what you're looking for.

Empty state without action button.

No data available

There is no data to display at this time.

npx shadcn-svelte@latest add empty

Component

Description

Empty.Root

Container component

Empty.Header

Header section

Empty.Media

Icon or image container

Empty.Title

Title text

Empty.Description

Description text

Empty.Content

Action buttons container