Yami

Kbd

Display textual user input from a keyboard.

⌘K

Installation

Add the kbd component with the shadcn CLI.

npx shadcn@latest add https://yami.ui.unsanity.ai/r/kbd.json

Usage

import { Kbd, KbdGroup } from "@/components/ui/kbd"

<KbdGroup>
  <Kbd>⌘</Kbd>
  <Kbd>K</Kbd>
</KbdGroup>

Examples

Default

⌘K

Code

import { Kbd, KbdGroup } from "@/components/ui/kbd"

<KbdGroup>
  <Kbd>⌘</Kbd>
  <Kbd>K</Kbd>
</KbdGroup>