Add another
Use this component when users need to add similar information a couple of times, such as several names for a single application.
Components
Components are reusable parts of a user interface that have been made to support a variety of applications. Individual components can be used in multiple different pages, patterns and context.
Alert
Use the alert component to display a prominent message and related actions to take.
Badge
Use the badge component to highlight small details like an urgent case.
Button menu
The button menu is a versatile component that allows users to view tasks as buttons in a collapsible menu.
Date picker
The date picker component enables users to select a date from a calendar.
Filter
Use the filter component to help users filter a list of items, such as a list of cases or search results.
Header
Use the header component for any service or system not on GOV.UK like internal staff.
Identity bar
Use the identity bar component to give users context of where they are within a service such as viewing a case.
Interruption card
The interruption card component stops users in a flow with important information.
Messages
Use this component in your service to display a list of messages in chronological order between different people or systems.
Multi file upload
Use the multi file upload component to help users upload multiple files at the same time, on a regular basis.
Multi select
Use the multi select component to let users select multiple items in a list.
Notification badge
The notification badge lets the user know that there is new information to view, like unread messages, and how many of them there are.
Organisation switcher
Use the organisation switcher component to let users navigate between different organisations or accounts, for example, switching between prisons.
Page header actions
Use the page header actions component for certain actions.
Pagination
Use the pagination component to let users browse through a long list.
Primary navigation
Use the primary navigation component to let users navigate and search your service.
Scrollable pane
Use the scrollable pane component when you have content (typically tables) which unavoidably overflowing the page.
Search
Use the search component to let users search by word or phrase.
Side navigation
Use the side navigation component to let users navigate sub sections in a system or service.
Sortable table
Use the sortable table component to let users sort columns in ascending or descending order.
Sub navigation
Use the sub navigation component to let users navigate sub sections in a system or service.
Ticket panel
Break up content or actions into visually distinct groups of information.
Timeline
Use the timeline component to show a linear record of what’s happened.