simonwhatley / govuk-publishing-frontend

GOV.UK Publishing Frontend contains code to build user interfaces for the GOV.UK website.

GOV.UK Publishing Frontend

GOV.UK Publishing Frontend contains the code you need to start building user interfaces for UK government services. It is an amalgamation of components and patterns described in GOV.UK component guides:

• GOV.UK Publishing
• Content Publisher
• Content Data
• Collections
• Calendars
• Government Frontend
• Finder Frontend

Dependencies

Using the GOV.UK Publishing Frontend requires the installation of the GOV.UK Frontend.

Support

This repository is maintained by Simon Whatley. If you’ve got a question or need support you can:

• Email [email protected] putting the repository name in the subject line.
• View known issues on GitHub.

Contributing

If you’ve got an idea or suggestion you can:

• Email [email protected] putting the repository name in the subject line.
• Create a GitHub issue.

Licence

Unless otherwise stated, this codebase is released under the MIT License. This covers both the codebase and any sample code in the documentation.

govuk-publishing-frontend's Issues

Add layout header component

See:

• https://content-publisher.integration.publishing.service.gov.uk/component-guide/layout_header

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add taxon list component

See:

• https://govuk-collections.herokuapp.com/component-guide/taxon-list

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add email link component

See:

• https://govuk-collections.herokuapp.com/component-guide/email-link

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add step by step header component

See:

• http://government-frontend.herokuapp.com/component-guide/step_by_step_nav_header

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add attachment component

See:

• https://components.publishing.service.gov.uk/component-guide/attachment

Add cookie banner component

See:

• https://components.publishing.service.gov.uk/component-guide/cookie_banner
• https://github.com/alphagov/digitalmarketplace-govuk-frontend/tree/master/src/digitalmarketplace/components/cookie-banner

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• JavaScript
• Examples
• Documentation

Add inverse header component

See:

• https://components.publishing.service.gov.uk/component-guide/inverse_header

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add banner component

See:

• https://government-frontend.herokuapp.com/component-guide/banner

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add summary list component

See:

• https://content-publisher.integration.publishing.service.gov.uk/component-guide/summary_list

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add download link component

See:

• https://government-frontend.herokuapp.com/component-guide/download-link

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add date filter component

See:

• https://finder-frontend.herokuapp.com/component-guide/date-filter

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add contents list component

See:

• https://components.publishing.service.gov.uk/component-guide/contents_list

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add search component

See:

• http://government-frontend.herokuapp.com/component-guide/search

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• JavaScript
• Examples
• Documentation

Add loading spinner component

See:

• https://content-publisher.integration.publishing.service.gov.uk/component-guide/loading_spinner

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add published dates component

See:

• http://government-frontend.herokuapp.com/component-guide/published-dates

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add organisation logo component

See:

• http://government-frontend.herokuapp.com/component-guide/organisation_logo

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add copy to clipboard component

See:

• https://content-publisher.integration.publishing.service.gov.uk/component-guide/copy_to_clipboard

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• JavaScript
• Examples
• Documentation

Add translation navigation component

See:

• https://components.publishing.service.gov.uk/component-guide/translation-nav

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add notice component

See:

• http://government-frontend.herokuapp.com/component-guide/notice
• https://components.publishing.service.gov.uk/component-guide/notice

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add taxonomy list component

See:

• http://government-frontend.herokuapp.com/component-guide/taxonomy_list

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add inset prompt component

See:

• https://content-publisher.integration.publishing.service.gov.uk/component-guide/inset_prompt

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add print link component

See:

• https://government-frontend.herokuapp.com/component-guide/print-link

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add share links component

See:

• http://government-frontend.herokuapp.com/component-guide/share_links

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add input length suggester component

See:

• https://content-publisher.integration.publishing.service.gov.uk/component-guide/input_length_suggester

Add related navigation

See:

• http://government-frontend.herokuapp.com/component-guide/related_navigation

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Outstanding task:

• JavaScript

Add highlight boxes component

See:

• http://government-frontend.herokuapp.com/component-guide/highlight_boxes

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add attachment link component

See:

• https://components.publishing.service.gov.uk/component-guide/attachment_link

Add toolbar dropdown component

See:

• https://content-publisher.integration.publishing.service.gov.uk/component-guide/toolbar_dropdown

Add markdown editor component

See:

• https://content-publisher.integration.publishing.service.gov.uk/component-guide/markdown_editor

More information:

• https://github.com/alphagov/markdown-toolbar-element

Add option select component

See:

• https://finder-frontend.herokuapp.com/component-guide/option-select

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• JavaScript
• Examples
• Documentation

Add facet tags component

See:

• _facet_tags.html.erb
• finder_frontend.scss

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add step by step related component

See:

• http://government-frontend.herokuapp.com/component-guide/step_by_step_nav_related

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add step by step navigation component

See:

• https://components.publishing.service.gov.uk/component-guide/step_by_step_nav

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Outstanding tasks:

• JavaScript

Add contents list with body component

See:

• https://government-frontend.herokuapp.com/component-guide/contents-list-with-body

Add publisher metadata component

See:

• https://government-frontend.herokuapp.com/component-guide/publisher-metadata

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add subscription links component

See:

• http://government-frontend.herokuapp.com/component-guide/subscription-links

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add feedback banner component

See:

• http://government-frontend.herokuapp.com/component-guide/feedback

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• JavaScript
• Examples
• Documentation

Add expander component

See:

• https://finder-frontend.herokuapp.com/component-guide/expander

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• JavaScript
• Examples
• Documentation

Add modal dialogue component

See:

• https://components.publishing.service.gov.uk/component-guide/modal_dialogue

Add important metadata component

See:

• https://government-frontend.herokuapp.com/component-guide/important-metadata

Add metadata block component

See:

• http://government-frontend.herokuapp.com/component-guide/metadata

Add previous and next navigation component

See:

• https://components.publishing.service.gov.uk/component-guide/previous_and_next_navigation

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add back to top component

See:

• http://government-frontend.herokuapp.com/component-guide/back-to-top

Add documents list component

See:

• http://government-frontend.herokuapp.com/component-guide/document_list

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add URL preview component

See:

• https://content-publisher.integration.publishing.service.gov.uk/component-guide/url_preview

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add contextual guidance component

See:

• https://components.publishing.service.gov.uk/component-guide/contextual_guidance

Add image card component

See:

• http://government-frontend.herokuapp.com/component-guide/image_card

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add side navigation component

See:

• https://content-publisher.integration.publishing.service.gov.uk/component-guide/side_navigation

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add chevron banner component

See:

• http://government-frontend.herokuapp.com/component-guide/chevron_banner

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation

Add topic list component

See:

• https://govuk-collections.herokuapp.com/component-guide/topic-list

To do:

• Macro (Nunjucks)
• Styles (SCSS)
• Examples
• Documentation