THEME
MOTION
HAPTIC
SOUND

SELECT

Single-select dropdown for a finite option set. Wraps native <select> for a11y + mobile-picker compatibility.

Live demo

Import

import { Select } from '@cathode-ui/react';

Props

Name Type Default Required Description
value string — yes
onChange (v: string) => void — yes
options Array<{value, label, disabled?}> — yes
placeholder string — —
disabled boolean false —

Examples

modes

<Select value={mode} onChange={setMode} options={[{value:"dark",label:"Dark"},{value:"light",label:"Light"}]} aria-label="Theme" />

placeholder

<Select value={v} onChange={setV} options={opts} placeholder="CHOOSE…" />

Accessibility

Role: combobox

Feedback

Hapticnone
Soundnone

← All components