All components
Native Select
A styled platform <select> with a positioned chevron indicator across five sizes.
Variants
outline
subtle
plain
Sizes
xs
sm
md
lg
xl
Install
zsh — native-select
1bunx stylexblocks add native-selectUsage — Ark UI
native-select.tsx
12345678910111213141516import { NativeSelect } from "#components/ui/ark-ui/native-select.tsx";
export function Example() { return ( // variant/size resolve once on Root; Field and Indicator inherit them // via context — the Indicator ships a default chevron <NativeSelect.Root variant="outline" size="md"> <NativeSelect.Field aria-label="Plan" defaultValue="Pro"> <option>Free</option> <option>Pro</option> <option>Enterprise</option> </NativeSelect.Field> <NativeSelect.Indicator /> </NativeSelect.Root> );}