Select

Dropdown selection menus

InputsStable

Preview

Interactive preview of the Select component with different variants.

Installation

Install the package via npm:

bash
npm install apex-design-system

Import

tsx
import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from 'apex-design-system';

Basic Usage

tsx
<Select>
  <SelectTrigger>
    <SelectValue placeholder="Select an option" />
  </SelectTrigger>
  <SelectContent>
    <SelectItem value="option1">Option 1</SelectItem>
    <SelectItem value="option2">Option 2</SelectItem>
    <SelectItem value="option3">Option 3</SelectItem>
  </SelectContent>
</Select>

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