PIN Pad

Phone-style number pad with tactile keycaps and a row of filled dots tracking how many digits are entered.

Enter your 6-digit PIN
1234567890

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Keyboard12 } from "@/components/beste/piece/keyboard12";

<Keyboard12
  entered={4}
  total={6}
  caption="Enter your 6-digit PIN"
/>