Empty

An empty state placeholder for when there is no content to display.

Default

Empty state with title and description.

No results found

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

With Icon and Action

Full empty state with icon, text, and action button.

No notebooks open

Create a new notebook or open an existing one to get started.

Minimal

Simple text-only empty state.

Nothing here yet.

Usage

julia

using Suite

Empty(
    EmptyIcon(my_icon),
    EmptyTitle("No results found"),
    EmptyDescription("Try a different search query."),
    EmptyAction(Button("Try Again"))
)

API Reference

Empty

Prop	Type	Default	Description
children	Any	-	Sub-components (EmptyIcon, EmptyTitle, EmptyDescription, EmptyAction)
class	String	""	Additional CSS classes
theme	Symbol	:default	Theme preset

Sub-components

Component	Description
EmptyIcon	Icon or illustration wrapper (rounded circle bg)
EmptyTitle	Title text (h3)
EmptyDescription	Descriptive text (p)
EmptyAction	Action slot (typically wraps a Button)