Select

A dropdown picker with glass popover and keyboard navigation.

Install

npx shadcn add @clearly/select

Live Select component — see usage below.

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

<Select />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Prop	Type	Default	Description
`value`	`string`	`—`	Selected value (controlled).
`defaultValue`	`string`	`—`	Initial selected value.
`onValueChange`	`(value: string) => void`	`—`	Selection callback.
`disabled`	`boolean`	`false`	Disable the control.