Checkbox & Radio Tiles

Best Practices

• Please read Label Guidance first.
• Put them into columns for sizing.
• If the user needs to activate or deactivate something, use a Switch instead.
• Ensure the id of the input matches the for of the Label.
• If you need more than four, use a normal Checkbox and Radios instead.
• Omit the tile description span with tile-description if you don’t need it.

Usage

See the Pen Checkbox and Radio Tiles by LA Gov Design Team (@lagovdesignteam) on CodePen.