Inline Hint Pill

Rounded pill that embeds a keycap between prefix and suffix copy for quick prompts.

Press⌘Kto open search

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

Import & use

import { Keyboard11 } from "@/components/beste/piece/keyboard11";

<Keyboard11
  prefix="Press"
  keys={[
    "⌘",
    "K"
  ]}
  suffix="to open search"
/>