A
Auralix UI

EmptyState

Empty data placeholder with pre-built variants.

Preview

No data found

There's nothing to show here yet.

Installation

bash
npx auralix-ui add empty-state

Usage

Empty States

tsx
import { NoData, NoSearchResults, ErrorState } from "@/components/ui/EmptyState";

<NoData />
<NoSearchResults />
<ErrorState action={<Button>Retry</Button>} />

Props

NameTypeDefaultDescription
iconReactNode-Icon to display.
titlestring-Title text.
descriptionstring-Description text.
actionReactNode-Action button.