Native Select

Ready

Platform select, for long or mobile-first lists.

Installation

$ npx @oratiq-js/ui add native-select

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import

import { NativeSelect } from "@/components/ui/native-select";

Sizes and states

Prefer this on mobile

The native select gets the OS picker, correct virtual-keyboard handling, and accessibility for free. Reach for the custom Select only when you need rich option content — icons, descriptions, or grouping with headers.

View source on GitHub → components/ui/native-select.tsx