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
app_theme v1.38.0

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