EmptyState

Open in Figma
Icon, title, hint, and optional action for empty and failed states.

Playground

No notes yet

Capture your first note.

<EmptyState
  icon={StickyNoteIcon}
  title="No notes yet"
  hint="Capture your first note."
  action={<Button variant="secondary">New note</Button>}
/>