GOV.UK Frontend
Components
All components
Examples
Full page examples
With single page
- Announcements
- Bank holidays
- Campaign page
- Child maintenance (exit this page)
- Companies you follow (service navigation with service name)
- Companies you follow (service navigation with slots)
- Confirm delete
- Cookie banner (client side)
- Cookie banner (essential cookies)
- Cookie banner (server side with progressive enhancement)
- Search
- Start page
- Task list
- Topic page (service manual)
- Travel guidance
- Upload your photo (with success message)
- Work history
With multiple pages
- Check your answers
- Feedback
- Have you changed your name
- How do you want to sign in
- Make a payment
- Passport details
- Sign in to a service
- Update your account details
- Upload your photo (with confirmation page)
- What is your address
- What is your nationality
- What is your postcode
- What was the last country you visited
Other examples
- Button groups
- Conditional reveals
- Error messages
- Error summary
- Error summary with messages
- Error summary with one thing per page
- Exit this page with skiplink
- Footer alignment
- Form alignment
- Form controls states
- Form elements
- Grid
- Javascript errors
- Labels legends and headings
- Links
- Multiple radio groups
- Organisation colours
- Small form controls
- Template custom
- Template default
- Text alignment
- Translated
- Typography
Documentation
Sass API reference
JavaScript API reference
JavaScript modules
- Entry file name
-
all.mjs - Total file size
-
83.1 KiB (bundled)
42.25 KiB (minified)
Accordion
- File name
-
accordion.mjs - File size
-
23.5 KiB (bundled)
12.39 KiB (minified)
Button
- File name
-
button.mjs - File size
-
5.98 KiB (bundled)
2.69 KiB (minified)
Character count
- File name
-
character-count.mjs - File size
-
22.4 KiB (bundled)
9.92 KiB (minified)
Checkboxes
- File name
-
checkboxes.mjs - File size
-
5.83 KiB (bundled)
2.83 KiB (minified)
Details
- File name
-
details.mjs - File size
-
2.9 KiB (bundled)
1.63 KiB (minified)
Error summary
- File name
-
error-summary.mjs - File size
-
7.89 KiB (bundled)
3.46 KiB (minified)
Exit this page
- File name
-
exit-this-page.mjs - File size
-
17.1 KiB (bundled)
9.26 KiB (minified)
Header
- File name
-
header.mjs - File size
-
4.46 KiB (bundled)
2.6 KiB (minified)
Notification banner
- File name
-
notification-banner.mjs - File size
-
6.26 KiB (bundled)
2.62 KiB (minified)
Password input
- File name
-
password-input.mjs - File size
-
15.15 KiB (bundled)
7.25 KiB (minified)
Radios
- File name
-
radios.mjs - File size
-
4.83 KiB (bundled)
2.38 KiB (minified)
Service navigation
- File name
-
service-navigation.mjs - File size
-
4.46 KiB (bundled)
2.69 KiB (minified)
Skip link
- File name
-
skip-link.mjs - File size
-
4.39 KiB (bundled)
2.18 KiB (minified)
Tabs
- File name
-
tabs.mjs - File size
-
10.05 KiB (bundled)
6.06 KiB (minified)