Inputs

Select

A native <select> with a themed chevron affordance layered on top — no custom listbox to keep in sync with platform behavior.

Select

Preview

Usage

tsx

import { Select } from "@vesture/react";

<Select value={country} onChange={(e) => setCountry(e.target.value)}>
  <option value="us">United States</option>
  <option value="ca">Canada</option>
</Select>

Props

Prop	Type	Default	Description
invalid	boolean	—	Sets aria-invalid.
...rest	SelectHTMLAttributes<HTMLSelectElement>	—	Spread onto the native <select> — value, onChange, disabled, etc.