Component catalogue
Every GOV.UK Frontend component in version 6.5.1. This is the preview homepage: each link opens that component's own page. Markup is rendered by this service's C# library, not by Nunjucks at request time.
This page lists links only — each component page shows versions (fixtures) and a live preview.
Lets users show and hide sections of related content.
Link to the previous page in a journey.
Helps users move between levels of a section.
Starts or continues an action.
Shows how many characters are left in a textarea.
Lets users select one or more options.
Asks users to accept or reject analytics cookies.
Asks users for a date they already know.
Hides content that only some users need.
Tells users how to fix a field that failed validation.
Summarises form errors at the top of the page.
Lets users leave a page quickly. For services where someone may be in danger.
Asks users what they think of a page. Trial component in Frontend 6.5.
Groups related form fields, such as an address.
Lets users select a file to upload.
Page footer with Open Government Licence and Crown copyright.
Header for services that are not branded as GOV.UK. Shown in the catalogue only.
The GOV.UK masthead.
Extra help for a form field. Form controls include it; the catalogue shows it on its own.
Lets users enter a single line of text.
Draws attention to important content on the page.
Labels a form field. Form controls include it; the catalogue shows it on its own.
Lets users switch between languages. Trial component in Frontend 6.5.
Tells users about something that affects the whole service.
Splits a long list across pages.
Confirms a transaction is complete.
Lets users enter a password, with a control to show or hide it.
Shows users that the service is still being tried out.
Lets users select one option from a list.
Lets users choose one option from a long list.
Shows the service name under the GOV.UK masthead.
Lets keyboard users skip to the main content.
Summarises answers so users can check them.
Shows information in rows and columns.
Lets users switch between related views. Content stays in the page without JavaScript.
Shows a short status, such as on a task list.
Shows the tasks in an application and whether they are done.
Lets users enter more than one line of text. This service uses character count, which includes a textarea.
Tells users about something important before they continue.