ReUI Native Select

Component 2

About

ReUI Native Select with the first 6 official ReUI examples, preserved from the MIT-licensed source registry.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds ReUI Native Select to your project and fits it to your theme.

Code

How ReUI Native Select is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import {
  NativeSelect,
  NativeSelectOption,
} from "@/components/ui/reui-native-select"

export default function Pattern() {
  return (
    <NativeSelect className="w-full max-w-xs">
      <NativeSelectOption value="">Select a fruit</NativeSelectOption>
      <NativeSelectOption value="apple">Apple</NativeSelectOption>
      <NativeSelectOption value="banana">Banana</NativeSelectOption>
      <NativeSelectOption value="blueberry">Blueberry</NativeSelectOption>
      <NativeSelectOption value="grapes" disabled>
        Grapes
      </NativeSelectOption>
      <NativeSelectOption value="pineapple">Pineapple</NativeSelectOption>
    </NativeSelect>
  )
}