OverlayBrowse overlay components
Command palette
⌘K finder with input, grouped list, footer with keyboard hints, and animated selection.
Live preview
- Suggested
- Open billing dashboard↵
- Invite teammatesI
- Switch themeT
Usage
Adapters:React stableVue stable
index.html
<div class="lm-command" role="dialog" aria-label="Command palette">
<input class="lm-command-input" />
<ul class="lm-command-list" role="listbox">…</ul>
</div>CSS classes (7)
| Class | Description |
|---|---|
lm-command | Outer card |
lm-command-input | Search input |
lm-command-list | Scrollable result list |
lm-command-item | Each row |
lm-command-group-label | Section header |
lm-command-empty | No-results state |
lm-command-footer | Keyboard hint footer |
React props (2)
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | — |
shortcut | string | cmd+k | — |
Accessibility
- role='combobox' on input + role='listbox'/'option' on results.
- Up/Down move selection; Enter activates; Escape closes.
Spotted something wrong? Edit this entry on GitHub.