Phone-style number pad with tactile keycaps and a row of filled dots tracking how many digits are entered.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Keyboard12 } from "@/components/beste/piece/keyboard12";
<Keyboard12
entered={4}
total={6}
caption="Enter your 6-digit PIN"
/>