• Sign In


    • Categories

    Extension Details


    Install
    GOV.UK Design System Snippets
    by Chris Armstrong
    1 Recent Installs | 265 Total Installs
    Snippets for the styles, components and patterns from the GOV.UK Design System.
    Repository
    Bug Reports

    Report Abuse

    Readme

    GOV.UK Design System Nova snippets

    This extension provides Nunjucks clips/snippets for the GOV.UK Design System, including styles, components, and patterns.

    It was last updated with GOV.‌UK Frontend v5.3.0.

    Installation

    Visit the Nova extension page and select install.

    Usage

    Start typing GOV.UK to see a list of all snippets or fuzzy match any of the specific names, all snippets are listed below.

    Available snippets

    Layout and Page

    • Layout Column
    • Layout Two-thirds
    • Layout Two-thirds / One-third
    • Layout Grid Row
    • Layout Aside
    • Question Page
    • Confirmation Page

    Typograph

    • Typography Header
    • Typography Caption
    • Typography Lead
    • Typography Small
    • Typography Link
    • Typography Link (New Tab)
    • Typography List
    • Typography Section Break / HR

    Override classe

    • Override Font Class
    • Override Display Class
    • Override Width Class
    • Override Text Align Class

    Components

    • Accordion
    • Back Link
    • Breadcrumbs
    • Form Button
    • Link/Start Button
    • Button Group
    • Character/Word Count
    • Checkboxes
    • Checkbox
    • Checkbox: Hint
    • Checkbox: None
    • Checkbox: Conditional
    • Cookie Banner
    • Date Input
    • Details (show and hide, ShowyHideyThing)
    • Error Message
    • Error Summary
    • Fieldset
    • File Upload
    • Footer
    • Header
    • Inset Text
    • Notification Banner
    • Pagination
    • Pagination: Labels
    • Pagination: Large
    • Panel
    • Password Input
    • Phase Banner
    • Radios
    • Radio
    • Radio: Hint
    • Radio: Divider
    • Radio: Conditional
    • Select
    • Skip Link
    • Set HTML
    • Summary List
    • Summary List Row
    • Summary Card
    • Table
    • Table Row
    • Tabs
    • Tag
    • Task List
    • Task List Item
    • Text Input
    • Textarea
    • Warning Text

    Patterns

    • Address
    • Bank Details
    • Email Address
    • National Insurance number
    • Telephone Number

    Other

    • Image
    • Route (Prototyping)
    • Route If/Else (Prototyping)

    Support

    GOV.UK Design System Nova snippets is a community resource of the GOV.UK Design System. The Design System team is not responsible for it and cannot support you with using it.

    If you’ve got a question, need support, or want to contribute you can create an issue on GitHub.

    Release Notes

    Version 1.06

    • added the Password Input component
    • removed role attributes

    Version 1.05

    • added the Exit This Page component
    • added the Task List component
    • removed the old Task List layout
    • added the Tudor Crown parameter to the Header component

    Version 1.04

    • removed task list page

    Version 1.03

    • added the new Summary Card component
    • added missing components: Footer, Header, Phase Banner, and Skip Link

    Version 1.02

    New

    • Aside snippet with related content

    Bugfixes

    • removed extra comma in table snippet
    • added missing comma in date snippet
    • added correct class to postcode input in address snippet

    Version 1.01

    Bug fixes for indentation and a stray placeholder that was not working.

    Version 1.0

    Initial release