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.

Radios

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

Radios default

Open this example in a new tab: Radios default

Are you 18 or over?

Yes

Radios inline

Open this example in a new tab: Radios inline

Are you 18 or over?

Yes

Radios with conditional content

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

How do you want to be contacted about this?

Select 1 option

Email address

Phone

Phone number

Text message

Mobile phone number

Radios with conditional content, error message

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

How do you want to be contacted about this?

Select 1 option

Select how you prefer to be contacted

Email address

Phone

Phone number

Text message

Mobile phone number

Radios with conditional content, error message (nested)

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

How do you want to be contacted about this?

Select 1 option

Email address

Phone

Phone number Enter your phone number

Text message

Mobile phone number

Radios with disabled item

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

Have you changed your name?

This includes changing your last name or spelling your name differently

Yes

Radios with divider

Open this example in a new tab: Radios with divider

How do you want to sign in?

Use NHS login

Use GOV.UK Verify

Create an account

Radios with error message

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

Have you changed your name?

Select yes if you have changed your name

Yes

Radios with hint

Open this example in a new tab: Radios with hint

Do you know your NHS number?

This is a 10 digit number, like 485 777 3456, that you can find on an NHS letter, prescription or in the NHS App

Yes, I know my NHS number

No, I do not know my NHS number

I'm not sure

Radios with hint and error

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

Have you changed your name?

This includes changing your last name or spelling your name differently

Select yes if you have changed your name

Yes

Radios with hints on items

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

Do you have a mobile phone with signal?

Yes, I have a mobile phone with signal

We will text you a 6 digit security code

No, I want to use my landline

We will call you to give you a 6 digit security code

Radios with legend size S

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

Are you 18 or over?

Yes

Radios with legend size M

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

Are you 18 or over?

Yes

Radios with legend size L

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

Are you 18 or over?

Yes

Radios with legend size XL

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

Are you 18 or over?

Yes

Radios with nested conditional radios

Open this example in a new tab: Radios with nested conditional radios

How do you want to be contacted about this?

Select 1 option

No conditional

Nested conditional

How do you want to be contacted about this?

Select 1 option

Email address

Phone

Phone number

Text message

Mobile phone number

Radios without fieldset

Open this example in a new tab: Radios without fieldset

Red

Green

Blue

Radios without page heading

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

Are you 18 or over?

Yes