Skip to main content

This is an internal development app.

To learn how to design and build digital services, visit the design system in the NHS digital service manual for guidance and examples.

Checkboxes

These examples are used for automated tests and may not follow service manual best practice.

Checkboxes default

Open this example in a new tab: Checkboxes default

How do you want to be contacted about this?

Select all options that are relevant to you

Checkboxes with conditional content

Open this example in a new tab: Checkboxes with conditional content

How do you want to be contacted about this?

Select all options that are relevant to you

Checkboxes with conditional content, error message

Open this example in a new tab: Checkboxes with conditional content, error message

How do you want to be contacted about this?

Select all options that are relevant to you
Error: Select how you like to be contacted

Checkboxes with conditional content, error message (nested)

Open this example in a new tab: Checkboxes with conditional content, error message (nested)

How do you want to be contacted about this?

Select all options that are relevant to you
Error: Enter your phone number

Checkboxes with disabled item

Open this example in a new tab: Checkboxes with disabled item

Checkboxes with error message

Open this example in a new tab: Checkboxes with error message

How do you want to be contacted about this?

Error: Select how you want to be contacted

Checkboxes with hint

Open this example in a new tab: Checkboxes with hint

What is your nationality?

If you have dual nationality, select all options that are relevant to you

Checkboxes with hint and error

Open this example in a new tab: Checkboxes with hint and error

How do you want to be contacted about this?

Select all options that are relevant to you
Error: Select how you want to be contacted

Checkboxes with hints on items

Open this example in a new tab: Checkboxes with hints on items

What is your nationality?

If you have dual nationality, select all options that are relevant to you
including English, Scottish, Welsh and Northern Irish

Checkboxes with legend size S

Open this example in a new tab: Checkboxes with legend size S

How do you want to be contacted about this?

Select all options that are relevant to you

Checkboxes with legend size M

Open this example in a new tab: Checkboxes with legend size M

How do you want to be contacted about this?

Select all options that are relevant to you

Checkboxes with legend size L

Open this example in a new tab: Checkboxes with legend size L

How do you want to be contacted about this?

Select all options that are relevant to you

Checkboxes with legend size XL

Open this example in a new tab: Checkboxes with legend size XL

How do you want to be contacted about this?

Select all options that are relevant to you

Checkboxes with "none of the above" option

Open this example in a new tab: Checkboxes with "none of the above" option

How do you want to be contacted about this?

or

Checkboxes without page heading

Open this example in a new tab: Checkboxes without page heading

How do you want to be contacted about this?
Select all options that are relevant to you

Checkboxes with pre-checked values

Open this example in a new tab: Checkboxes with pre-checked values

What is your nationality?