Appearance
NavigationCommandPalette
A command palette on the native dialog element, opened with Ctrl or Cmd K, with grouped and filtered commands.
ts
import { NavigationCommandPalette } from '@zairakai/vue-components/Navigation'Usage
vue
<NavigationCommandPalette />Props
| Name | Type | Default | Description |
|---|---|---|---|
id | string | ||
class | string | ||
modelValue | boolean | undefined | |
commands | array | [] | The commands: { id, label, group, hint, disabled }. |
shortcut | string | 'k' | The key that opens it with Ctrl or Cmd. Empty for no shortcut. |
title | string | 'Command palette' | |
placeholder | string | 'Type a command' | |
emptyText | string | 'No command found' | |
remote | boolean | false | The commands come from a server: they are not filtered here. |
Events
| Name | Description |
|---|---|
update:modelValue | |
select | |
search |
Slots
| Name | Description |
|---|---|
command |
See Theming for the class hooks and the data-* state of the components.