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.

Input

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

Input default

Open this example in a new tab: Input default

Input with 2 character width

Open this example in a new tab: Input with 2 character width

Input with 3 character width

Open this example in a new tab: Input with 3 character width

Input with 4 character width

Open this example in a new tab: Input with 4 character width

Input with 5 character width

Open this example in a new tab: Input with 5 character width

Input with 10 character width

Open this example in a new tab: Input with 10 character width

Input with 20 character width

Open this example in a new tab: Input with 20 character width

Input with 30 character width

Open this example in a new tab: Input with 30 character width

Input with autocomplete attribute

Open this example in a new tab: Input with autocomplete attribute

For example, LS1 1AB

Input with button

Open this example in a new tab: Input with button

Input with button and error message

Open this example in a new tab: Input with button and error message

Error: Enter NHS number

Input with deprecated prefix string parameter

Open this example in a new tab: Input with deprecated prefix string parameter

Input with deprecated suffix string parameter

Open this example in a new tab: Input with deprecated suffix string parameter

Input with error message

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

Error: Enter NHS number

Input with hint

Open this example in a new tab: Input with hint

Your NHS number is a 10 digit number that you find on any letter the NHS has sent you, for example, 485 777 3456

Input with hint and error

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

Your NHS number is a 10 digit number that you find on any letter the NHS has sent you, for example, 485 777 3456
Error: Enter NHS number

Input with label size S

Open this example in a new tab: Input with label size S

Input with label size M

Open this example in a new tab: Input with label size M

Input with label size L

Open this example in a new tab: Input with label size L

Input with label size XL

Open this example in a new tab: Input with label size XL

Input without page heading

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

Input with prefix

Open this example in a new tab: Input with prefix

Input with prefix and suffix

Open this example in a new tab: Input with prefix and suffix

Input with prefix and suffix and error

Open this example in a new tab: Input with prefix and suffix and error

Error: Enter a cost per item, in pounds

Input with prefix HTML

Open this example in a new tab: Input with prefix HTML

Input with suffix

Open this example in a new tab: Input with suffix

Input with suffix HTML

Open this example in a new tab: Input with suffix HTML