Kbd

Klávesová zkratka s 9 barvami a 4 velikostmi + KbdShortcut helper

Installation

pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/kbd.json

Usage

Preview

Velikosti

EnterEnterEnterEnter

Barvy

prisecblugreredorayelgredar

Zkratky

Ctrl+KCmd+Shift+PAlt+F4Ctrl+C

Import

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

Example

// Jednoduchá klávesa <Kbd>Enter</Kbd> <Kbd color="primary">Ctrl</Kbd> // Kombinace kláves <KbdShortcut keys={["Ctrl", "K"]} color="primary" /> <KbdShortcut keys={["Cmd", "Shift", "P"]} size="sm" />

Dependencies

https://registry.ceskysoftware.cz/r/utils.json (registry)