← Back to Components

Dropdown

Dropdown component for filtering and selection with full keyboard and screen reader support

Basic Dropdown

Default Timeframe Dropdown

Basic dropdown with timeframe filtering options

Custom Label

Dropdown with custom label for status filtering

Disabled State

Disabled dropdown state for unavailable filtering

Multiple Dropdowns

Filter Bar Layout

Multiple dropdowns arranged in a filter bar for complex filtering

Edge Cases

No Options Available

Dropdown gracefully handles empty options array

Single Option

Dropdown with only a single available option

Long Option Labels

Dropdown handles options with varying label lengths