Native Select
The platform select element, styled to match the system.
Installation
npx shadcn@latest add @blank/native-selectUsage
import { NativeSelect, NativeSelectOption } from "@/components/ui/native-select"<NativeSelect defaultValue="fra">
<NativeSelectOption value="fra">Frankfurt</NativeSelectOption>
<NativeSelectOption value="lhr">London</NativeSelectOption>
</NativeSelect>Reach for the native select on mobile-first forms and long option lists, where the platform picker is faster than any custom listbox. Use Select when options need icons or rich content.
Examples
Sizes
The same 32, 36 and 40 px as Input and Select, on the same field surface, so the three are interchangeable in a form.