Masked password input with a caps-lock alert pill and an eye button that flips visibility.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Form13 } from "@/components/beste/piece/form13";
<Form13
label="Current password"
value="correct-horse-battery"
defaultVisible={false}
caps={true}
/>Notifications
A compact settings card listing labeled rows, each with an accent on/off toggle switch.
Password field with a four-segment meter underneath that shifts color and label with strength.
Setting row with label, supporting copy, and a sliding switch that turns emerald when on.
Read-only value with an optional mask toggle and a copy button that flips to an emerald Copied state on click.
Standard text field with a label on top and a muted helper line under the control.
Six-cell verification code field with an active cell that rings and a caret on the next empty slot.