build69 / Components / Selection & Choice / Select

Select

v1.0.1Updated 20 Jul 2026

Native-like select control (Radix). Use for single choice from a moderate list.

View source ← Back to catalog

Preview

Live · 12 stories

DefaultOpen ↗

▸Why this is recommendedformselectdropdownchoice+1

The default, out-of-the-box Select.

Recommended for+14

✓Filter dropdowns
✓Form choice fields
✓Country / language pickers

Tags+6

formselectdropdownchoicedefault

Features+4

Keyboard navigation
Grouped options
Searchable variant via Command

Not recommended for−2

✕Long lists with search (use Command)
✕Few options (use RadioGroup)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "Select" })

Usage

import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/inputs/select';

<Select>
  <SelectTrigger><SelectValue placeholder="Pick one" /></SelectTrigger>
  <SelectContent>
    <SelectItem value="a">Alpha</SelectItem>
  </SelectContent>
</Select>

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired

value

Selected value

string—

onValueChange

Value change callback

function—

Platform docs All components Source files

Select

Preview

Install

Usage

Props

Related