Setting row with label, supporting copy, and a sliding switch that turns emerald when on.
The import and the props worth knowing about, in one place.
import { Form21 } from "@/components/beste/piece/form21";
<Form21
label="Two-factor authentication"
description="Require a verification code at sign-in."
on={true}
/>Notifications
A compact settings card listing labeled rows, each with an accent on/off toggle switch.
Read-only value with an optional mask toggle and a copy button that flips to an emerald Copied state on click.
Two inputs arranged side by side on a responsive grid for first/last names and paired fields.
Click-to-edit field that toggles between a plain value with a hover pencil and an input flanked by save and cancel buttons.