Four-way directional pad with a pressed state that highlights one key at a time.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Keyboard6 } from "@/components/beste/piece/keyboard6";
<Keyboard6
active="up"
label="Navigate"
/>Gaming movement cluster with W on top and A S D on the second row, lighting the active key in primary.
macOS modifier symbols laid out side by side with their names printed below.
Vim-style multi-step combo showing keys separated by arrows with per-step labels.
Row of small tactile keycaps laid out in order, great for Konami-style cheat codes or macro combos.
Row of tactile transport keycaps with the center play/pause lit in primary, flanked by track name and elapsed time.
Phone-style number pad with tactile keycaps and a row of filled dots tracking how many digits are entered.