Command palette

Search available commands from a compact keyboard-friendly panel.

Live preview Try the effect

Try the controls to understand this pattern.

This demo explains the pattern. Adapt the styling and dimensions to your project.

What it is

Search available commands from a compact keyboard-friendly panel. This example illustrates an admin interface. Describe the target, trigger and final state when adapting it to your project.

When to use

Tools with many destinations or actions.

Related concepts

A command palette searches actions; global content search retrieves records or documents.

Describe this effect

Output language

Open a searchable command palette with keyboard navigation, Enter to select and Escape to close.

Generated from the parameters · Add to a plan to edit

References

Specification and implementation reference

Definitions are editorial. Common and descriptive names are not necessarily standardized terms.