GOV.UK Publishing Component Guide

Components are a way to share UI patterns between applications, without duplicating code, within the GOV.UK Publishing platform. Find out more

  1. Alpha Banner

    A banner that indicates content is in an alpha phase with an optional explanation

  2. Analytics Meta Tags

    Meta tags to provide analytics information about the current page

  3. Beta Banner

    A banner that indicates content is in a beta phase with an optional explanation

  4. Breadcrumbs

    Navigational breadcrumbs, showing page hierarchy

  5. Document footer metadata

    A metadata block to be displayed below the document

  6. Government navigation

    Navigation placed in the header by Slimmer and used by pages which sit under the /government path. This is a markup only component and is not available for preview here. It can be passed a string to mark a link as being active.

  7. Govspeak content

    To display long form text which has been converted from Govspeak

  8. Govspeak content (HTML Publications)

    To display long form text with numbered parts, which has been converted from Govspeak

  9. Metadata block

    To display relevant metadata about organisations and tags for a document

  10. Option select

    A scrollable list of checkboxes to be displayed on a form where one might otherwise use a multi-select

  11. Organisation logo

    Organisation text with crest and branded border colour

  12. Previous and next navigation

    Navigational links that allow users navigate within a series of pages or elements.

  13. Related items

    Headed sections of related items.

  14. Search

    Search box

  15. Taxonomy sidebar

    Sidebar navigation for displaying on pages tagged to the GOV.UK taxonomy.

  16. Page title

    A page title with optional context label