Read-only value with an optional mask toggle and a copy button that flips to an emerald Copied state on click.
The import and the props worth knowing about, in one place.
import { Form32 } from "@/components/beste/piece/form32";
<Form32
label="API key"
value="sk_test_EXAMPLE_NOT_A_REAL_KEY_0000"
masked={true}
visible={false}
copied={true}
/>Setting row with label, supporting copy, and a sliding switch that turns emerald when on.
Click-to-edit field that toggles between a plain value with a hover pencil and an input flanked by save and cancel buttons.
Validated field with an emerald ring, check mark, and a confirming note beneath.
Masked password input with a caps-lock alert pill and an eye button that flips visibility.