Checkbox
Recessed until checked.
<Checkbox aria-label="Accept terms" checked={agreed} onChange={(event) => setAgreed(event.currentTarget.checked)} />A styled native checkbox: controlled through checked andonChange, keyboard-operable, and explicitly named.