Native Select
Basic Usage
Loading...
Installation
pnpm add @corew500/uiUsage
import { NativeSelect } from "@corew500/ui/native-select"
<NativeSelect>Content</NativeSelect>API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | enum | default | Size variant of the select. - `default`: Standard height (h-9) - `sm`: Smaller height (h-8) |
Accessibility
Keyboard Navigation
- Keyboard navigation handled natively (Arrow keys, Enter, Space)
- Focus visible ring for keyboard users
Screen Readers
- aria-invalid styling for form validation
- Chevron icon has `aria-hidden="true"`
Additional
- - Uses native `<select>` for full browser accessibility support
- Disabled state prevents interaction
Localization
Translatable Content
- - Option children accept translated text
- OptGroup label accepts translated group labels