Inputs · §10.3

Native select

The browser's select with the field surface.

Size
State
Theme
Contrast
Language
Motion
Text size

Code

<NativeSelect id="lang"><NativeSelectOption value="en">English</NativeSelectOption></NativeSelect>

Accessibility

  • The platform's own picker: the most accessible choice on phones.

Usage

Do

  • Short, simple lists on touch screens.

Don't

  • Don't style it into something it is not.

Platforms

Web
apps/web/components/ui/native-select.tsx
iOS
System wheel
Android
System spinner