Checkbox

Checkboxes allow users to select one or more items from a predefined list of independent options.

On this page

Interactive Demo

Use checkbox when a user wants to select one or multiple options from a predefined list of options.

Loading preview
Open in Storybook

What’s New

  1. Updated checkbox to follow 8x system by increasing the size to 24 x 24px, the icon to 12 x12px, the tap target to 48 x 48px and implementing 2px rounded corners
  2. Maintaining minimum target size to meet accessibility requirements
  3. Checkbox added to group checkbox, vertical and horizontally
  4. New focus state applied to checkbox

Questions?

Connect with the DLS Team on Slack or by email.

Resources

Check out additional resources.