Command Palette

Filters and navigates a keyboard-first collection of commands.

Astro

---
import { CommandPalette, CommandItem } from '@charvesta/cetha';
---

<CommandPalette id="commands" label="Commands"><CommandItem label="Open settings" shortcut="⌘K" /></CommandPalette>

API reference

Prop	Type	Default	Description
`id`*	`string`	—	Palette identifier.
`label`*	`string`	—	Accessible search label.
`placeholder`	`string`	—	Search placeholder.
`class`	`string`	—	Additional classes forwarded to the rendered element.

Accessibility

Supports arrow navigation, Enter selection, Escape dismissal, and filtering.