Row of square digit cells with a blinking cursor in the next empty slot.
The import and the props worth knowing about, in one place.
import { Input2 } from "@/components/beste/piece/input2";
<Input2
digits={[
"4",
"2",
"7",
"",
"",
""
]}
total={6}
/>Six code boxes fill one by one behind a moving caret, shake in rose when the first code is wrong, then refill with the right one and settle into an emerald verified state.
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.