Component Documentation
Command
The Command component is a visual command menu β often used as a quick launcher, command palette, or searchable action list within modern apps and dashboards.
It acts as a wrapper for a flexible slot where you can insert various supporting components such as:
- Command Heading β for grouping and labeling sections
- Command Separator β for visual separation between groups
- Command Item β for each selectable action or option
Each Command Item supports further customization via the Component Properties panel:
- Linkable behavior
- Leading icon
- Optional keyboard shortcut display
Usage
- Drag the Command component onto the canvas.
- Insert child components (e.g. Command Heading, Separator, Items) into the slot.
- Configure each item to match your design and behavior needs.
- Integrate with your preferred logic, depending on how you want the command menu to function (e.g. with custom JavaScript, Webflow interactions, or external libraries).
The Command component is fully styled and structurally prepared β giving you the flexibility to decide how and when it appears, and what it controls.