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.

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?

Radios inline

Open this example in a new tab: Radios inline

Are you 18 or over?

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

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
Error: Select how you prefer to be contacted

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
Error: Enter your 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

Radios with divider

Open this example in a new tab: Radios with divider

How do you want to sign in?

or

Radios with error message

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

Have you changed your name?

Error: Select yes if you have changed your name

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

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
Error: Select yes if you have changed your name

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?

We will text you a 6 digit security code
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?

Radios with legend size M

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

Are you 18 or over?

Radios with legend size L

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

Are you 18 or over?

Radios with legend size XL

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

Are you 18 or over?

Radios with long text

Open this example in a new tab: Radios with long text

Venenatis Condimentum

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
How do you want to be contacted about this?
Select 1 option

Radios without fieldset

Open this example in a new tab: Radios without fieldset

Radios without page heading

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

Are you 18 or over?

Radios small

Open this example in a new tab: Radios small

Are you 18 or over?

Radios small inline

Open this example in a new tab: Radios small inline

Are you 18 or over?

Radios small with conditional content

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

How do you want to be contacted about this?

Select 1 option

Radios small with conditional content, error message

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

How do you want to be contacted about this?

Select 1 option
Error: Select how you prefer to be contacted

Radios small with conditional content, error message (nested)

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

How do you want to be contacted about this?

Select 1 option
Error: Enter your phone number

Radios small with disabled item

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

Have you changed your name?

This includes changing your last name or spelling your name differently

Radios small with divider

Open this example in a new tab: Radios small with divider

How do you want to sign in?

or

Radios small with error message

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

Have you changed your name?

Error: Select yes if you have changed your name

Radios small with hint

Open this example in a new tab: Radios small 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

Radios small with hint and error

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

Have you changed your name?

This includes changing your last name or spelling your name differently
Error: Select yes if you have changed your name

Radios small with hints on items

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

Do you have a mobile phone with signal?

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

Radios small with long text

Open this example in a new tab: Radios small with long text

Venenatis Condimentum

Radios small with nested conditional radios

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

How do you want to be contacted about this?

Select 1 option
How do you want to be contacted about this?
Select 1 option

Radios small without fieldset

Open this example in a new tab: Radios small without fieldset

Radios small without page heading

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

Are you 18 or over?