2.0 KiB
Frontend
GOV.UK Design System components
This service follows the guidance and recommendations from the GOV.UK Design System. This is achieved using the following libraries:
-
GOV.UK Frontend – CSS and JavaScript for all Design System components
Documentation · GitHub -
GOV.UK Components – Rails view components for non-form related Design System components
Documentation · Github · RubyDoc -
GOV.UK FormBuilder – Rails form builder for form related Design System components
Documentation · GitHub · RubyDoc
Service-specific components
Service-specific components are built using the ViewComponent framework, and can be found in app/components
.
Components use HTML class names that follow the BEM methodology. We use the app-*
prefix to prevent collisions with components provided by the Design System (which uses govuk-*
). See Extending and modifying components in production.
Stylesheets are written using Sass (and the SCSS syntax), using the mixins and helpers provided by govuk-frontend.
Separate stylesheets are used for each component, with filenames that match the component’s namespace.
Like the components provided by the Design System, components are progressively enhanced. We use Stimulus to add any client-side JavaScript enhancements.