---
name: select
category: inputs
summary: "Single-select dropdown (no search) with listbox ARIA"
subpath: "@42/core/select"
---

Single-select dropdown (no search). Listbox ARIA, keyboard nav, `aria-activedescendant`.

```html
<div data-c42-select>
  <button data-c42-select-trigger><span data-c42-select-value>Choose…</span></button>
  <div data-c42-select-listbox>
    <div data-c42-select-option data-value="a">Apple</div>
    <div data-c42-select-option data-value="b">Banana</div>
  </div>
</div>
```

```ts
import { Select } from '@42/core/select';
new Select(root, { defaultValue: null, placeholder: 'Choose…' });
```

Options: `defaultValue`, `placeholder`
Events: `select:change` → `{ value: string, label: string }`, `select:open`, `select:close`