Dropdown

Groups contextual actions in a progressively enhanced details menu.

Actions

Astro

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

<Dropdown id="actions" align="end">
  <span slot="trigger">Actions</span>
  <button role="menuitem">Duplicate</button>
</Dropdown>

API reference

Prop	Type	Default	Description
`id`*	`string`	—	Unique menu identifier.
`align`	`'start' \| 'end'`	`'start'`	Aligns the menu to its trigger.
`class`	`string`	—	Additional classes forwarded to the rendered element.

Accessibility

Arrow keys, Home, End, and Escape are supported after enhancement.