Checkboxes examples

default

What is your nationality?

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

with id and name

What is your nationality?

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

with hints on items

How do you want to sign in?

You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before.

You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.

with hasDividers

How do you want to sign in?

Please, choose the right answer.

You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.

You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.

with classes applied on items

How do you want to sign in?

You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before.

You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.

with disabled item

with legend as a page heading

use optional headingLevel param to set if h1, h2 h3...

Which types of waste do you transport regularly?

Select all that apply

with a medium legend

Which types of waste do you transport regularly?

Select all that apply

Error: Error: Select which types of waste you transport regularly

without fieldset

with single option set 'aria-describedby' on input

Error: Error: Please accept the terms and conditions

with single option (and hint) set 'aria-describedby' on input

Error: Error: Please accept the terms and conditions

Go on, you know you want to!

with fieldset and error message

What is your nationality?

Error: Error: Please accept the terms and conditions

with error message

Which types of waste do you transport regularly?

Error: Error: Please select an option

with error message and hints on items

Which types of waste do you transport regularly?

Error: Error: Please select an option

Nullam id dolor id nibh ultricies vehicula ut id elit.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Nullam id dolor id nibh ultricies vehicula ut id elit.

with very long option text

Maecenas faucibus mollis interdum?

Nullam id dolor id nibh ultricies vehicula ut id elit.

Error: Error: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

with conditional items

How do you want to be contacted?

with conditional item checked

How do you want to be contacted?

with optional form-group classes showing group error

How do you want to be contacted?
Error: Problem with input

small

indeterminate

isIndeterminate: true

indeterminate cheched

isIndeterminate: true, indeterminateChecked: true