Components / Command
Command
A searchable keyboard command list for fast application actions.
Create projectStart a new workspace⌘N
Search projectsFind an existing project⌘K
Open settingsManage workspace preferences
html
<aevko-command label="Project commands" [items]="commands" [(value)]="command" (activated)="run($event)" />Installation
npx aevko-ui@latest add command --yesSource ownership
Customization
Keep command data in application state, customize matching keywords and connect activated items to real actions without importing a command engine.
Edit locallyThe installed template and stylesheet are application code, not a black box.
Theme semanticallyOverride
--aevko-* tokens or ordinary classes without !important.API reference
| Property or slot | Type | Default | Description |
|---|---|---|---|
items | readonly AevkoCommandItem[] | required | Commands, descriptions, shortcuts and disabled state. |
query / value | model<string> | '' / '' | Controlled filter and selected command. |
activated | output<AevkoCommandItem> | event | Emits an enabled command activated by click or Enter. |
Accessibility contract
Accessibility
Included behavior
- A labelled search input controls a listbox; arrows move the active choice and Enter activates it.
Your responsibility
Give commands unique ids and plain-language labels, keep disabled commands understandable and preserve an alternative path to every action.