Empty State Test

A message component shown where content would be — for no data, no filter results, no permission, a load failure, or a cleared work queue. NOT for loading states.

Empty (default)

No data yet — the default variant.

No Results

No filter results — announced to screen readers via role=status.

Error

A load failure — uses role=note, not role=alert.

No Access

No permission to view the content.

Done

A cleared work queue — all tasks complete.

With Action

Actions are slotted below the description.

Compact

Icon inline with title, single line — for table rows.

All Sizes

Small (for select listbox), medium (default), and large (for full page).

Inside a Table

Compact empty state inside a table cell, spanning all columns.

Name Status Updated

Custom Icon

Override the variant icon with a PrimeIcons class, or use the icon slot for a custom SVG.

Dark Theme

Empty state in dark theme — all colours resolve through theme tokens.