YuhuanStudioYunUIDocs
Forms & Inputs

Select

Dropdown select built on Radix Select — a composed family of parts.

A dropdown select built on Radix Select — a composed family of parts that renders a portalled, animated, keyboard-accessible listbox. For a flat, options-array API (with search) see Combobox; for a fully custom-styled variant see CustomSelect.

Import

import {
  Select,
  SelectTrigger,
  SelectValue,
  SelectContent,
  SelectItem,
} from "@yuhuanowo/yunui";

Basic

Select

Parts

PartRole
SelectRoot; holds value/onValueChange or defaultValue.
SelectTriggerThe button that opens the listbox.
SelectValueRenders the selected label (or placeholder).
SelectContentPortalled, animated dropdown panel.
SelectItemA single option (value required).

Select re-exports Radix Select parts with design-system styling. See the Radix Select docs for the complete prop reference, including SelectGroup.

On this page