Empty State
EmptyState is the icon + title + description + action zero-state used for empty lists, no-results, no-permission, failed-load and first-run surfaces.
Usage
Import
import { EmptyState } from "@qeetrix/ui";It can also be imported on its own from @qeetrix/ui/components/empty-state.
Variant props
| Prop | Values |
|---|---|
variant | default · first-use · no-results · no-permission · error |
size | sm · default · lg |
Support
| Feature | Status |
|---|---|
| Right-to-left | Not applicable |
| Dark mode | Supported |
| Density | Not supported |
| Server rendering | Renders on the server |
| Reduced motion | Not applicable |
Accessibility
No ARIA widget pattern. Not yet audited.
Tests
Covered by unit, accessibility (axe) and visual tests.