Forms

Select

A native dropdown select. Use it when the options are fixed; for type-to-filter, use Combobox.

ReactVueWeb Components
View in Storybook

Playground

Examples

<FormField label="Country">
  <Select>
    <option value="jp">Japan</option>
    <option value="us">USA</option>
  </Select>
</FormField>

Accessibility

  • Body/background contrast is ≥ 7:1 (AAA) in both light and dark.
  • Every interaction works with the keyboard alone.
  • The focus ring is always visible.
  • Respects prefers-reduced-motion and stops excessive motion.

Every component is designed to meet WCAG 2.1 AAA.