EmptyState

Placeholder for empty content

Data DisplayStable

Preview

Interactive preview of the EmptyState component with different variants.

No messages

You don't have any messages yet. Start a conversation!

Installation

Install the package via npm:

bash
npm install apex-design-system

Import

tsx
import { EmptyState } from 'apex-design-system';

Basic Usage

tsx
<EmptyState
  title="No results found"
  description="Try adjusting your search or filters"
/>

Accessibility

This component follows WAI-ARIA best practices and is WCAG 2.1 AA compliant. It includes proper keyboard navigation, focus management, and screen reader support.

View in StorybookView source