Pages
Introduction Colors & Tokens Icons
UI
Button Link Badge Notification Badge Alert Card Spinner Avatar Divider Empty State
Interactive
Modal Side Modal Dropdown Tooltip Accordion Tabs Flash Toast
Forms
Form Select Toggle Checkbox & Radio Text Fields Date & Time Fields
Layout
Navbar Sidebar Table Pagination Breadcrumbs Selector List
Utilities
Local Time

Empty State

Placeholder for empty collections, with optional icon and call to action.

Simple

No results
Try adjusting your filters or search terms.
= app_theme_empty_state("No results", "Try adjusting your filters or search terms.")

With icon and action

No contacts yet
Import your contacts or add one manually to get started.
= app_theme_empty_state do |empty|
  - empty.with_icon do
    = app_theme_icon(:contact_book, size: :xxl, variant: :muted)
  - empty.with_title do
    No contacts yet
  - empty.with_description do
    Import your contacts or add one manually to get started.
  - empty.with_action do
    = app_theme_button "Add contact", variant: :primary