Four-way directional pad with a pressed state that highlights one key at a time.
npx shadcn add https://ui.beste.co/piece/r/keyboard6
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
npx shadcn@latest init
import { Keyboard6 } from "@/components/beste/piece/keyboard6"; <Keyboard6 active="up" label="Navigate" />