Empty State
Shared "nothing here" surface for tables, lists, and filtered views.
Set a short message, optional description, and either an icon or built-in illustration_src (sad-dog, sign-in, lock). Add buttons or links via the EmptyStateCallToAction slot.
- Empty tables, lists, and search results
- Permission or auth gates with built-in illustrations
OrbitalInfiniteScrollEmptyViewslot for richer empty UX than the defaultMessageBar
Use an icon for compact panels; use an illustration when the empty moment deserves more visual weight.
Headline and sad-dog illustration for a list or table with no items. Use as the baseline empty state when you want a friendly visual without extra copy.
Illustration plus a short description that suggests a next action. Use when filters or search may be too narrow and users need guidance to recover.
Text-only empty state with headline and supporting description, no illustration. Use for compact panels or when a simple explanation is enough without artwork.
Icon above the message instead of an illustration, with optional description text. Use for lightweight empty states in notifications, feeds, or secondary panels.
Search icon with copy tailored to zero search or filter results. Use below search bars and filtered tables when no rows match the current query.
Side-by-side cards showing message-only, with description, and with icon configurations. Use to compare density and pick the right empty-state treatment for each surface.