Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings
This repository was archived by the owner on Jan 17, 2024. It is now read-only.

This Atom package includes snippets to help build UK Government digital services.

License

NotificationsYou must be signed in to change notification settings

simonwhatley/govuk-design-system-snippets-atom-package

Repository files navigation

This Atom package includes snippets to help build UK Government digital services.

Installation

Go toAtom > Preferences > Install and then search forgovuk design system snippets underPackages.

After installing the package, you will need to restart Atom.

Available snippets

Styles

Layout

NameShortcutNotes
Form groupgovuk-form-group
Form sectiongovuk-form-section
Grid column fullgovuk-grid-column-full
Grid column one-halfgovuk-grid-column-one-half
Grid column one-quartergovuk-grid-column-one-quarter
Grid column one-thirdgovuk-grid-column-one-third
Grid column two-thirdsgovuk-grid-column-two-thirds
Grid columngovuk-grid-column
Grid rowgovuk-grid-row
Layout one-third / two-thirdsgovuk-layout-one-third-two-thirds
Layout two-thirds / one-thirdgovuk-layout-two-thirds-one-third

Typography

NameShortcutNotes
Captiongovuk-caption
Font size overridegovuk-font-size
Font weight overridegovuk-font-weight
Headinggovuk-heading
Link itemgovuk-link-item
Linksgovuk-link
Listsgovuk-list
Lists – Bulletedgovuk-list-bulleted
Lists – Numberedgovuk-list-numbered
Paragraph body textgovuk-paragraph-body
Paragraph body text largegovuk-paragraph-body-lead
Paragraph body text smallgovuk-paragraph-body-small
Section breakgovuk-section-break
Visually hiddengovuk-visually-hiddenCreates a visually hiddenspan

Components

Form elements

NameShortcutNotes
Addressesgovuk-address
Bank detailsgovuk-bank-details
Buttongovuk-button
Character countgovuk-character-count
Checkboxesgovuk-checkboxes
Checkbox or radio optiongovuk-optionUse in conjunction with thegovuk-checkboxes andgovuk-radios Nunjucks snippets.
Currency inputgovuk-currency-input
Datesgovuk-date
Email addressgovuk-email
Error summarygovuk-error-summary
Fieldsetgovuk-fieldset
File uploadgovuk-file
National Insurance Number (NINO)govuk-nino
Radiosgovuk-radios
Selectgovuk-select
Select optiongovuk-select-optionUse in conjunction with thegovuk-select Nunjucks snippet.
Telephone numbergovuk-telephone
Text inputgovuk-input
Textareagovuk-textarea

Content presentation

NameShortcutNotes
Accordiongovuk-accordion
Detailsgovuk-details
Inset textgovuk-inset-text
Notification bannergovuk-notification-banner
Panelsgovuk-panel
Phase bannergovuk-phase-banner
Summary listgovuk-summary-list
Tablesgovuk-table
Tabsgovuk-tabs
Tab item HTMLgovuk-tab-itemUse in conjunction with thegovuk-tabs snippet. This snippet can be used to encapsulate a tab panel.
Tagsgovuk-tag
Warning textgovuk-warning-text

Navigation

NameShortcutNotes
Back linkgovuk-back-link
Breadcrumbsgovuk-breadcrumbs
Footergovuk-footer
Headergovuk-header
Paginationgovuk-pagination
Previous/next navigationgovuk-previous-next
Skip linkgovuk-skip-link

Miscellaneous

NameShortcutNotes
Cookie bannergovuk-cookie-banner

Dependencies

Using this package depends on the installation of theGOV.UK Frontend andNunjucks into your project.

Support

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

Contributing

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

Licence

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

About

This Atom package includes snippets to help build UK Government digital services.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published
[8]ページ先頭
©2009-2025 Movatter.jp