Skip to content

TableEmpty ​

Overview ​

An empty-state row for a grid table, spanning columns with centered content.

The variant prop drives data-variant on the content wrapper so that descendants marked data-slot="icon" pick up variant-specific treatment: loading spins the icon, error recolors it to --destructive, and empty / filtered keep the muted default. The slot content (icon, title, description, actions) is consumer-provided.

Theme entry: TableEmpty

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
colspannumber1The number of columns the empty cell spans.
variantstring"empty"Empty-state variant: empty (default), loading, error, or filtered.

Slots ​

default ​

Slot.

Source ​

client/lib/grid/table/TableEmpty.vue