Command
A command palette (filterable actions).
- Suggestions
- New file⌘N
- Open folder⌘O
- Settings
- Toggle theme
- Keyboard shortcuts⌘K
Single group
- Actions
- New file
- Search
- Settings
Checkable
- Actions
- New file
- Search
- Settings
API reference
Inputs
| Prop | Type | Default | Description |
|---|---|---|---|
groups | readonly CommandGroup[] | [] | Grouped commands shown in the palette and filtered as the user types. |
placeholder | string | 'Type a command or search…' | Placeholder text for the search input. |
checkable | boolean | false | Render a checkmark column; activating an item toggles its checked state. |
Outputs
| Event | Payload | Description |
|---|---|---|
selected | CommandItem | Emits the chosen command when an item is activated (click or Enter). |
Types
CommandGroup
| Field | Type | Description |
|---|---|---|
label? | string | Optional heading rendered above the group's items. |
items | CommandItem[] | Commands belonging to this group. |
CommandItem
| Field | Type | Description |
|---|---|---|
label | string | Text shown for the command and matched against the search query. |
value? | string | Identifying value emitted on selection; falls back to the label. |
shortcut? | string | Keyboard shortcut hint shown trailing the label. |
Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.