UIDropdown

Preview

With placeholder

Choose a framework...

With initial value

Vue

Disabled

Can't touch this

Props

Prop	Type	Default	Description
options	Array<{ value: string; label: string }>	required	Available options
value	string	—	Controlled value
initialValue	string	—	Initial value for uncontrolled mode
placeholder	string	"Select option"	Placeholder when nothing is selected
disabled	boolean	false	Disables the dropdown
onChange	(value: string) => void	—	Called when selection changes

Usage

import { UIDropdown } from "tango-api";

// Uncontrolled
<UIDropdown
  placeholder="Pick one..."
  options={frameworks}
  onChange={(value) => console.log(value)}
/>

// Controlled
<UIDropdown
  value={selected}
  options={frameworks}
  onChange={setSelected}
/>