QuackElements
Browse components+
Components/Keyboard Key

Keyboard Key

A composable kbd primitive for modern product interfaces.

Interactive example

Open command menuCtrl+K

Installation

Run the CLI from your project root. Dependencies and component source are added automatically.

$npx quackelements add kbd

Usage

The generated file lives in your repository, so the component API and styles remain fully editable.

example.tsx
import { Kbd, KbdGroup } from "@/components/quack/kbd"

<KbdGroup><Kbd>Ctrl</Kbd><span>+</span><Kbd>K</Kbd></KbdGroup>