Slash Commands

Slash-command flyout listing mono commands with hints beside them and a slash glyph prefix column.

Quick commands

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

Import & use

import { Nav30 } from "@/components/beste/piece/nav30";

<Nav30
  heading="Quick commands"
  commands={[
    {
      "key": "/new",
      "hint": "Start a new doc"
    },
    {
      "key": "/todo",
      "hint": "Insert a checklist"
    },
    {
      "key": "/team",
      "hint": "Mention a teammate"
    },
    {
      "key": "/embed",
      "hint": "Embed a link or file"
    }
  ]}
/>