Nexub DSv0.0.2
Brand
Components · Data Display
Placeholder UI shown when a list or page has no content.
import { Empty State } from '@nexub/react';| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| EmptyState.Root layout | 'centered' | 'inline' | 'centered' | — | "centered" stacks content vertically in the middle of its container; "inline" aligns content to the start. |
| EmptyState.Illustration children | React.ReactNode | — | — | Icon or SVG illustration to render above the title. |
| EmptyState.Title children | React.ReactNode | — | ✓ | Primary heading text for the empty state. |
| EmptyState.Description children | React.ReactNode | — | — | Supporting text providing more context or guidance. |
| EmptyState.Actions children | React.ReactNode | — | — | One or more action buttons rendered below the description. |