Open-code aq-ui accessible component family for Native Select.
This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.
aq-uipnpm dlx aq-ui@alpha add native-selectImport the parts you need, then jump to an export for its contract.
import { NativeSelect } from "@/components/ui/native-select"
<NativeSelect />Open-code aq-ui accessible component family for Native Select.
const NativeSelect = React.forwardRef<React.ComponentRef<"select">, NativeSelectProps>(…)NativeSelectProps| Name | Type | Default |
|---|---|---|
size? | "sm" | "default" | "default" |
Public const export from Native Select.
const NativeSelectOptGroup = React.forwardRef<React.ComponentRef<"optgroup">, React.ComponentProps<"optgroup">>(…)React.ComponentProps<"optgroup">Public const export from Native Select.
const NativeSelectOption = React.forwardRef<React.ComponentRef<"option">, React.ComponentProps<"option">>(…)React.ComponentProps<"option">utils
lucide-react@^1.31.0