Empty

Use Empty when a panel, list, or query has no content to show. It wraps EmptyState with the standard empty variant, card surface, and vertical layout.

Basic Usage

Empty

Demo will load when visible.

<template>
  <TxEmpty title="No results" description="Try changing filters." />
</template>

With Actions

Empty (action)

Demo will load when visible.

<template>
  <TxEmpty title="No items" description="Create your first item.">
    <template #action>
      <TxButton>New</TxButton>
    </template>
  </TxEmpty>
</template>

API

Props

Prop	Type	Default	Description
`title`	`string`	`'Nothing here'`	Primary empty-state message.
`description`	`string`	`''`	Supporting text shown below the title.
`iconClass`	`string`	`'i-carbon-incomplete'`	Icon class forwarded to the wrapped `EmptyState`.
`compact`	`boolean`	`false`	Uses the small empty-state size for dense panels.