Toggle switch

Boolean on/off control. Aligned with J&J DS v1.2 (Figma 11343:67403). Use for settings that take effect immediately; for form-style submission controls prefer Checkbox.

Default — on / off / disabled

Enable notifications

Analytics

Disabled

Disabled (on)

Show source

<Toggle id="t-1" label="Enable notifications" defaultChecked />
<Toggle id="t-2" label="Analytics" />
<Toggle id="t-3" label="Disabled" disabled />

With description

Pair the label with a brief description for setting rows.

Share usage dataHelps us improve the product. We never share PII.

Allow marketing emailsYou can unsubscribe anytime from the footer link.

Show beta featuresSurfaces new components flagged as beta in the side nav.

Show source

<Toggle id="t-1" label="Share usage data" description="Helps us improve the product. We never share PII." />