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.

File upload

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

File upload default

Open this example in a new tab: File upload default

File upload with primary button

Open this example in a new tab: File upload with primary button

File upload with small primary button

Open this example in a new tab: File upload with small primary button

File upload with small secondary button

Open this example in a new tab: File upload with small secondary button

File upload disabled

Open this example in a new tab: File upload disabled

File upload with size S label

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

File upload with size M label

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

File upload with size L label

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

File upload with size XL label

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

File upload with error message

Open this example in a new tab: File upload with error message

Error: The selected file must be a JPG, BMP or TIF

File upload with hint

Open this example in a new tab: File upload with hint

Your photo may be in your Pictures, Photos, Downloads or Desktop folder

File upload with hint and error

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

Your photo may be in your Pictures, Photos, Downloads or Desktop folder

Error: The selected file must be a JPG, BMP or TIF

File upload with multiple

Open this example in a new tab: File upload with multiple

File upload without page heading

Open this example in a new tab: File upload without page heading

File upload with translations

Open this example in a new tab: File upload with translations