Back

CommandPalette

Command Palette

Press Ctrl+K / ⌘K or click the button below to open.

Usage

Place CommandPalette once near the end of the body. Open it with $dispatch('open-command-palette') or Ctrl/⌘+K.

@overlays.CommandPalette(overlays.CommandPaletteProps{
    Placeholder: "Search commands…",
}) {
    @overlays.CommandItem(overlays.CommandItemProps{
        Label:    "Open Settings",
        Category: "System",
        Shortcut: "⌘,",
    })
}

// Trigger from anywhere:
// x-on:click="$dispatch('open-command-palette')"