Row of square digit cells with a blinking cursor in the next empty slot.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Input2 } from "@/components/beste/piece/input2";
<Input2
digits={[
"4",
"2",
"7",
"",
"",
""
]}
total={6}
/>Compact number control with minus and plus buttons flanking a centered mono value.
Masked password row rendered as spaced mono bullets paired with an eye reveal button.
Bare text input atom with a focused state that adds a primary ring and a blinking caret after the value.
Keyboard shortcut field that renders the captured keys as keycap pills with a blinking REC indicator while recording.
Five-star rater with filled amber stars in muted tiles and a decimal rating chip to the right.
Pill dictation input with a blinking caret, live waveform bars, and a rose mic button while listening.