Skip to Main Content

Pelican Design System icon Pelican Design System Checkbox & Radio Tiles

Checkbox & Radio Tiles

Checkbox and Radio tiles present significant choices among several options.

On this page:

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

Page top