Official website

of the Commonwealth of Pennsylvania

Components

Checkbox

A checkbox lets users select one or more options from a list.

Overview

A checkbox lets users select more than one option from a list. They can choose as many or as few as they want. Selecting one checkbox does not affect any other checkbox.

Each checkbox should have a clear label that explains the option. You can also include short instructions or helper text to guide users.

Usage

When to use

Use checkboxes when the user can select multiple options. They are often used in forms, terms and conditions, or to filter.

Keep the list of options short and break up long selections into multiple questions. 

When not to use

Don’t use checkboxes if users should only select one option. Use a radio button instead.

Accessibility

Every checkbox needs a clear and concise label. Include instructions and helper text as needed.

Related components

We want to hear from you

This is a pre-release version of Keystone Design System. If you're a beta tester, we want your bug reports, questions, and feedback.

 

Complete our form to share your thoughts—just log in with your PA.gov email. We'll review and consider every response.