Kbd
Used to display textual user input from keyboard.
8-bit keyboard key component
↑↑↓↓←→←→IDDQD
Installation
pnpm dlx shadcn@latest add @8bitcn/kbd
Usage
Group
Use the KbdGroup component to group keyboard keys together.
8-bit keyboard key groups
Use ↑↑↓↓←→←→AB to activate the Konami Code
Button
Use the Kbd component inside a Button component to display a keyboard key inside a button.
8-bit keyboard keys in buttons
Tooltip
You can use the Kbd component inside a Tooltip component to display a tooltip with a keyboard key.