Toggle Tokens

Best Practices

• Please read Label Guidance first.
• Toggle Tokens have larger interaction areas than Checkboxes and Radios and are easier to easier to press because they require less accuracy.
• When space is limited, use the unstyled Checkboxes and Radios instead.

Usage

See the Pen Checkboxes and Radios by LA Gov Design Team (@lagovdesignteam) on CodePen.

Resources

• Design.gov - Checkbox (Best Practices)
• Section 508 Guidelines
• WCAG 2.2
• Bootstrap Documentation - Forms