Inline Hint Pill

Press⌘Kto open search
About this piece

Inline Hint Pill

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

Usage

The import and the props worth knowing about, in one place.

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

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

More Keyboard pieces

View all Keyboard
Quick search
⌘K
G
Leader
P
Go to project
Enter your 6-digit PIN
1234567890
Open search
⌘K
New file
⌘N
Toggle sidebar
⌘B
Switch workspace
⌘⇧O
↑↑↓↓←→←→BA
Unlock the secret

⌘ plus K: Open command palette