Docs
Native Select

Native Select

Native select element.

Installation

npx shadcn@latest add https://ui-x.junwen-k.dev/r/native-select.json

Usage

import {
  NativeSelect,
  NativeSelectOption,
  NativeSelectPlaceholder,
} from "@/components/ui/native-select"
<NativeSelect>
  <NativeSelectPlaceholder>Select a fruit</NativeSelectPlaceholder>
  <NativeSelectOption value="apple">Apple</NativeSelectOption>
  <NativeSelectOption value="banana">Banana</NativeSelectOption>
  <NativeSelectOption value="blueberry">Blueberry</NativeSelectOption>
  <NativeSelectOption value="grapes">Grapes</NativeSelectOption>
  <NativeSelectOption value="pineapple">Pineapple</NativeSelectOption>
</NativeSelect>

Examples

Default

Form

You can manage email addresses in your email settings.