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
-
82.56 KiB (bundled)
40.39 KiB (minified)
Accordion
- File name
-
accordion.mjs - File size
-
26.58 KiB (bundled)
13.41 KiB (minified)
Button
- File name
-
button.mjs - File size
-
9.09 KiB (bundled)
3.78 KiB (minified)
Character count
- File name
-
character-count.mjs - File size
-
25.39 KiB (bundled)
10.9 KiB (minified)
Checkboxes
- File name
-
checkboxes.mjs - File size
-
7.81 KiB (bundled)
3.42 KiB (minified)
Error summary
- File name
-
error-summary.mjs - File size
-
10.99 KiB (bundled)
4.54 KiB (minified)
Exit this page
- File name
-
exit-this-page.mjs - File size
-
20.2 KiB (bundled)
10.34 KiB (minified)
Header
- File name
-
header.mjs - File size
-
6.46 KiB (bundled)
3.22 KiB (minified)
Notification banner
- File name
-
notification-banner.mjs - File size
-
9.35 KiB (bundled)
3.7 KiB (minified)
Password input
- File name
-
password-input.mjs - File size
-
18.24 KiB (bundled)
8.33 KiB (minified)
Radios
- File name
-
radios.mjs - File size
-
6.81 KiB (bundled)
2.98 KiB (minified)
Service navigation
- File name
-
service-navigation.mjs - File size
-
6.44 KiB (bundled)
3.26 KiB (minified)
Skip link
- File name
-
skip-link.mjs - File size
-
6.4 KiB (bundled)
2.76 KiB (minified)
Tabs
- File name
-
tabs.mjs - File size
-
12.04 KiB (bundled)
6.67 KiB (minified)