Qeetrix

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

PropValues
variantdefault · first-use · no-results · no-permission · error
sizesm · default · lg

Support

FeatureStatus
Right-to-leftNot applicable
Dark modeSupported
DensityNot supported
Server renderingRenders on the server
Reduced motionNot applicable

Accessibility

No ARIA widget pattern. Not yet audited.

Tests

Covered by unit, accessibility (axe) and visual tests.