DSCatalyst design system
TenantRexall
Design system/Components/Consent checkbox
atom · source observed

Consent checkbox

Legal/marketing opt-in checkbox with explicit label and validation state.

2consumers0evidence5tokens
Rendered primitiveConsent checkbox variants and statesdeterministic source context state extraction
Brand 0 newsletter consentNewsletter opt-in checkbox and legal copy are source-observed; checked/error/disabled are required interaction states.
source observed
Uncheckedcheckbox.uncheckedsource observed
Checkedcheckbox.checkedrequired derived
Focusfocus.ringrequired derived
Errorcheckbox.errorrequired derived
Disabledcheckbox.disabledrequired derived

Semantic token resolution

Labelvar(--wl-ink)inkcolorBordervar(--wl-primary)Consent checkboxatom API

Used by

Proposed contract

checkedlabelrequirederrorlegalHrefonChange

Token contract

Labelvar(--wl-ink)Bordervar(--wl-primary)Checked fillvar(--wl-primary)Check markvar(--wl-surface)Errorvar(--wl-accent)
  • Separate legal consent from generic form-field so regulatory wording remains inspectable.