Form elements alignment

Input and icon button

Product order number

Find

Product order number

Product order number

Continue

Product order number

Product order number

Accept

Product order number

Input and button

NHS number

Search

Input and button with error

NHS number

Error: Enter an NHS number

Search

Select and button

Sort by

Recently published Recently updated Most views Most comments Sort

Select and button with error

Sort by

Error: Select sort by

Recently published Recently updated Most views Most comments Sort

Inputs side by side

Stone

st

Pounds

lb

Input and select

Keywords

Sort by Recently published Recently updated Most views Most comments

Input and checkboxes

Keywords

Show archived

Input and radios

Keywords

Not applicable

Checkboxes and radios

Show archived

Not applicable

Input with nhsuk-u-width classes

Input with nhsuk-u-width-one-quarter (25% width)

Input with nhsuk-u-width-one-third (33% width)

Input with nhsuk-u-width-one-half (50% width)

Input with nhsuk-u-width-two-thirds (66% width)

Input with nhsuk-u-width-three-quarters (75% width)

Input with nhsuk-u-width-full (100% width)

Continue