Basic: The simplest usage of Select.

Features:

- Single selection dropdown - Controlled value state - Keyboard navigation support - Automatic menu dismissal on selection

Disabled: Demonstrates disabled Select functionality.

Features:

- Disabled component prevents interaction - Visual feedback for disabled state - Selected value remains visible - Useful for conditional availability

DisabledOptions: Demonstrates disabled options in Select.

Features:

- Individual options can be disabled - Disabled options cannot be selected - Visual feedback for disabled options - Maintains keyboard navigation flow

LargeSize: Demonstrates Select with large size variant.

Features:

- Large trigger size - Large menu items - Prefix icon support - Consistent sizing across components

LightVariant: Demonstrates Select with light variant styling.

Features:

- Light variant visual style - Standard selection functionality - Consistent with light theme

WithIcons: Demonstrates Select with icons for visual recognition.

Features:

- Icons displayed in menu items - Better visual recognition - Enhanced user experience

Use cases:

- Field type selection - Category selection with icons - Visual option identification

WithLabelsAndDividers: Demonstrates Select with labels and dividers for organization.

Features:

- Section labels for grouping - Visual dividers for separation - Better menu organization - Hierarchical menu structure

Use cases:

- Plan selection with categories - Grouped option lists - Complex menu structures

WithDivider: Demonstrates Select with dividers for grouping options.

Features:

- Visual dividers for separation - Grouped option categories - Better menu organization

Use cases:

- Category-based selection - Grouped option lists - Visual separation of options

LongList: Demonstrates Select with a long list of options and scroll performance.

Features:

- Long list of options (100 items) - Automatic scrolling when content exceeds height - Scroll arrows for navigation - Performance optimization for large lists

Use cases:

- City/region selectors - Long option lists - Large dataset selection

Placement: Demonstrates Select with different placement options.

Features:

- Multiple placement options (bottom-start, bottom-end, etc.) - Automatic positioning adjustments - Prevents overflow beyond viewport - Flexible menu positioning

MatchTriggerWidth: Demonstrates Select menu matching trigger width.

Features:

- Menu width matches trigger width - Consistent visual alignment - Useful for narrow triggers - Better visual consistency

ItemActive: Demonstrates Select.Item with custom onClick action handling.

Features:

- Items with onClick behave as action items, not selection items - Clicking executes onClick handler instead of changing Select value - Menu closes after onClick handler executes - Current selection value remains unchanged - Integration with Popover for complex actions

Use cases:

- Adding action buttons within Select menus - Settings or configuration options - Secondary actions within selection menus

CloseOnEscape: Demonstrates ESC key behavior control and event propagation.

Features:

- closeOnEscape prop controls ESC key behavior - When enabled (default): Pressing ESC closes menu and prevents event propagation - When disabled: Pressing ESC does NOT close menu, allowing event to propagate - Event propagation verification with counter

Use cases:

- Custom ESC key handling - Nested menu scenarios - Event propagation control

Empty: Demonstrates Select with empty state when no options available.

Features:

- Empty state display when options array is empty - Custom empty message support - Consistent with menu styling

Use cases:

- Search results with no matches - Dynamic option lists that may be empty - Placeholder for loading states