Select

A native single-choice select with Cetha sizing and validation states.

Astro

---
import { Select } from '@charvesta/cetha';
---

<Select name="region" aria-label="Region">
  <option>Jakarta</option>
  <option>Singapore</option>
</Select>

API reference

Prop	Type	Default	Description
`invalid`	`boolean`	`false`	Applies invalid styling and aria-invalid.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Sets control density.
`class`	`string`	—	Additional classes forwarded to the rendered element.

Accessibility

Use a visible Field label where possible; native keyboard behavior is retained.