Empty State

The “nothing here yet” / “no results” block: a squircle icon tile, a title, one muted line and an action row.

tsx

1import {
2  EmptyState, EmptyStateIcon, EmptyStateTitle,
3  EmptyStateDescription, EmptyStateActions,
4} from "@pestoui/core"

First run

No agents yet

Agents run your workflows on a schedule or on demand. Create your first one to see it here.

bordered draws a dashed outline around the block — use it when the empty state sits inside a panel that already has its own frame.

No results for “invoice”

Try a different keyword, or clear the filters to see every run again.

The size axis is set once on the root; the tile, type and spacing all read it off the group, so the block can never end up half-scaled.

Nothing in the run log

Runs from the last 30 days will show up here.

Prop	Type	Default	Description
size	"default" \| "sm"	"default"	Scales the whole block — icon tile, title size and vertical rhythm. Set it on the root only; the parts inherit it.
bordered	boolean	false	Wraps the block in a dashed, rounded border.
className	string	—	Merged onto the root. The root is already w-full, so reach for this to cap width or change padding.

Pesto UI · 117 documented components