OOratiq

Select

Ready

Custom-styled single select.

Requires radix-ui

Installation

$ npx @oratiq-js/ui add 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 { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem, /* … */ } from "@/components/ui/select";

Default

Sizes

Custom Select vs. Native Select

This one supports grouping, icons, and rich option content. It also replaces the OS picker, which on mobile is usually a downgrade. Default to Native Select unless you specifically need what this adds.

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