Accessible Astro Launcher: a command palette component that adds keyboard-driven navigation to Astro applications.
Key features:
- Implements WAI-ARIA combobox pattern with full WCAG 2.2 AA compliance
- Opens with Cmd/Ctrl + K, navigates with arrow keys
- Client-side fuzzy search across labels and keywords
- Syncs automatically with DarkMode, HighContrast, and ReducedMotion toggles from accessible-astro-components
- Customizable through CSS custom properties
- Zero dependencies, ships with TypeScript definitions
The component exposes five parts: Launcher (main dialog), LauncherTrigger (buttons), LauncherList (results container), LauncherGroup (section headers), and LauncherItem (navigation links or action buttons). You compose these pieces in your Astro layouts.
Install via npm and start building keyboard-first interfaces for technical users who prefer shortcuts over mouse navigation.
Top comments (0)