Skip to content
nexubDesign System
v2.4.0

Components · Form Controls

Select

StableSince v0.0.1

Accessible dropdown select built on Radix UI. Supports groups and search.

import { Select } from '@nexub/react';

Usage

Use it for

  • Choosing a single option from a list of 5+ items

  • When screen space is limited and a dropdown collapses the options

  • Selecting a region, country, currency, or other enumerated value

  • Filtering or configuring a setting with predefined choices

Use something else for

  • Fewer than 5 options — use RadioGroup to keep choices visible

  • Searching or typing to find an option — use Combobox instead

  • Multi-select — use Combobox or a checkbox list

  • Boolean on/off choices — use Switch or Checkbox

Examples

Default

Props

Props
PropTypeDefaultDescription
valuestring—Controlled selected value.
onValueChange(value: string) => void—Callback when value changes.
placeholderstring—Placeholder when no value selected.
disabledbooleanfalseDisables the select.