Command Palette

Command palette card with a search bar, ranked results, hint captions, and kbd shortcut pills.

format
  • Format DocumentEditor
  • Format SelectionEditor
  • Reveal in File ExplorerFile

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Editor9 } from "@/components/beste/piece/editor9";

<Editor9
  query="format"
  commands={[
    {
      "label": "Format Document",
      "hint": "Editor",
      "shortcut": [
        "⌥",
        "⇧",
        "F"
      ]
    },
    {
      "label": "Format Selection",
      "hint": "Editor",
      "shortcut": [
        "⌘",
        "K",
        "F"
      ]
    },
    {
      "label": "Reveal in File Explorer",
      "hint": "File"
    }
  ]}
/>