Select

A native select input with custom styling.

Installation

tsx
npx @smicolon/smi-ui add select

Preview

Sizes

States

Usage

tsx
import { Select } from "@/components/ui/select"

const options = [
  { value: "react", label: "React" },
  { value: "vue", label: "Vue" },
  { value: "angular", label: "Angular" },
]

// Basic select
<Select
  options={options}
  placeholder="Select a framework"
/>

// Different sizes
<Select options={options} selectSize="sm" />
<Select options={options} selectSize="default" />
<Select options={options} selectSize="lg" />

// Error state
<Select options={options} error />