Kbd

Used to display textual user input from keyboard.

shadcn/ui docs
Ctrl⌘KCtrl + B

Installation

pnpm dlx shadcn@latest add https://neobrutalism.dev/r/kbd.json

Usage

import { Kbd, KbdGroup } from '@/components/ui/kbd'
<Kbd>⌘</Kbd>
<KbdGroup>
  <Kbd>Ctrl</Kbd>
  <Kbd>K</Kbd>
</KbdGroup>

Examples

Default

Ctrl⌘KCtrl + B

Group

CtrlShiftP

With Icon

In Tooltip