Empty

An empty state component for zero-data views with icon, title, description, and optional action.

No projects found

You don't have any projects yet. Create your first project to get started.

Installation

pnpm dlx stera-ui@latest add empty

Use the following composition to build an Empty state:

Empty
├── EmptyHeader
│   ├── EmptyMedia
│   ├── EmptyTitle
│   └── EmptyDescription
└── EmptyContent

SCJDAB

No team members

Your team doesn't have any members yet. Invite people to collaborate.

No results found

We couldn't find anything matching your search. Try different keywords.

Prop	Type	Default
`variant`	`"default" \| "icon"`	`"default"`

Component	Description
`EmptyHeader`	Centered container for media, title, and description
`EmptyMedia`	Slot for an icon or avatar illustration
`EmptyTitle`	Heading text
`EmptyDescription`	Supporting body text
`EmptyContent`	Slot for action buttons below the header