Skip to content

Empty

<ax-empty> is a centered empty / no-data state: an icon, title, description, and a default slot for projected actions (typically buttons).

import { AxEmptyComponent } from '@axisui-ng/feedback';
<ax-empty icon="search" title="No results" description="Try a different search term.">
<ax-button variant="primary">Clear filters</ax-button>
</ax-empty>
InputTypeDefaultNotes
iconAxIconName'search'Leading glyph from @axisui-ng/icons.
titlestring''Headline.
descriptionstring''Supporting text.
SlotNotes
DefaultActions or extra content below the description.

The icon is decorative (aria-hidden). Title and description convey the empty state. Projected actions remain normal focusable controls.

Interactive examples live in Storybook under Feedback / Empty. Run pnpm storybook to explore them.