Empty

Usage

Loading demo...

Loading demo...

Use TxEmpty for compact list, search, or panel placeholders where the card surface is desirable.
Use the more explicit TxNoData, TxNoSelection, TxOfflineState, or TxPermissionState when the empty cause has product meaning.
Keep compact for dense regions such as sidebars and table interiors.
Put clickable behavior inside the action slot; TxEmpty does not proxy action events.

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 `TxEmptyState`.
`compact`	`boolean`	`false`	Uses the small empty-state size for dense panels.

TxEmpty does not emit component events. Place click handlers on controls rendered inside the action slot.

Slot	Props	Description
`icon`	-	Replaces the icon rendered by `iconClass`.
`title`	-	Replaces the title prop content.
`description`	-	Replaces the description prop content.
`action`	-	Replaces the wrapped `TxEmptyState` actions area.

Always renders the wrapped TxEmptyState with variant="empty", surface="card", and layout="vertical".
compact=false maps to size="medium"; compact=true maps to size="small".
iconClass is forwarded as the wrapped empty-state icon prop.
Slots are intentionally simpler than TxEmptyState: action is singular and replaces the wrapped actions slot.
No events are emitted by TxEmpty; action behavior belongs to the slotted control.

Source: packages/tuffex/packages/components/src/empty/src/TxEmpty.vue confirms TxEmptyState wrapping, forced variant="empty", surface="card", layout="vertical", compact size mapping, and slot remapping.
Type contract: packages/tuffex/packages/components/src/empty/src/types.ts defines the compact EmptyProps surface.
Verified coverage: Coverage: packages/tuffex/packages/components/src/empty/__tests__/empty.test.ts covers default prop forwarding, compact sizing, and wrapper-to-empty-state slot mapping.
Export: packages/tuffex/packages/components/src/empty/index.ts exports Empty, TxEmpty, EmptyProps, and TxEmptyInstance.

packages/tuffex/packages/components/src/empty/index.ts