Command

Command palette and search

OverlayStable

Preview

Interactive preview of the Command component with different variants.

Installation

Install the package via npm:

bash
npm install apex-design-system

Import

tsx
import { Command, CommandInput, CommandList, CommandItem } from 'apex-design-system';

Basic Usage

tsx
<Command>
  <CommandInput placeholder="Search..." />
  <CommandList>
    <CommandItem>Dashboard</CommandItem>
    <CommandItem>Settings</CommandItem>
    <CommandItem>Profile</CommandItem>
  </CommandList>
</Command>

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