ccs-frontend_helpers 0.1.0.rc.1 → 0.1.0.rc.2

data/lib/ccs/frontend_helpers/ccs_frontend/footer.rb

@@ -1,140 +1,25 @@
 # frozen_string_literal: true
 
-require_relative 'logo'
-require_relative '../shared_methods'
+require_relative '../../components/ccs/footer'
 
 module CCS
-  module FrontendHelpers
-    module CCSFrontend
-      # = CCS Footer
+  module FrontendHelpers::CCSFrontend
+    # = CCS Footer
+    #
+    # This helper is used for generating the footer component from the
+    # {https://github.com/tim-s-ccs/ts-ccs-frontend/tree/main/src/ccs/components/footer CCS - Components - Footer}
+
+    module Footer
+      # Generates the HTML for the CCS Footer component
       #
-      # This helper is used for generating the footer component from the
-      # {https://github.com/tim-s-ccs/ts-ccs-frontend/tree/main/src/ccs/components/footer CCS - Components - Footer}
-
-      module Footer
-        include SharedMethods
-        include Logo
-        include ActionView::Helpers::FormTagHelper
-        include ActionView::Helpers::UrlHelper
-
-        # rubocop:disable Metrics/AbcSize
-
-        # Generates the HTML for the CCS Footer component
-        #
-        # @param ccs_footer_options [Hash] options that will be used in customising the HTML
-        #
-        # @option ccs_footer_options [String] :classes additional CSS classes for the footer HTML
-        # @option ccs_footer_options [String] :container_class classes that can be added to the inner container
-        # @option ccs_footer_options [Array] :navigation (see: {ccs_footer_navigation})
-        # @option ccs_footer_options [Hash] :meta (see: {ccs_footer_meta})
-        # @option ccs_footer_options [ActiveSupport::SafeBuffer,String] :copyright The copyright information. See {ccs_footer_copyright}
-        # @option ccs_footer_options [Hash] :attributes additional attributes that will added as part of the HTML
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for the CCS Footer
-        #                                     which can then be rendered on the page
-
-        def ccs_footer(**ccs_footer_options)
-          initialise_attributes_and_set_classes(ccs_footer_options, 'ccs-footer')
-
-          ccs_footer_options[:attributes][:role] = 'contentinfo'
-
-          tag.footer(**ccs_footer_options[:attributes]) do
-            tag.div(class: "govuk-width-container #{ccs_footer_options[:container_classes]}".rstrip) do
-              if ccs_footer_options[:navigation]
-                concat(tag.div(class: 'ccs-footer__navigation') do
-                  ccs_footer_options[:navigation].each { |navigation_item| concat(ccs_footer_navigation(navigation_item)) }
-                end)
-                concat(tag.hr(class: 'ccs-footer__section-break'))
-              end
-              concat(tag.div(class: 'ccs-footer__meta') do
-                concat(tag.div(class: 'ccs-footer__meta-item') do
-                  concat(tag.div(ccs_logo, class: 'ccs-footer__logo'))
-                  concat(ccs_footer_copyright(ccs_footer_options[:copyright]))
-                end)
-                concat(tag.div(class: 'ccs-footer__meta-item ccs-footer__meta-item--grow') do
-                  concat(ccs_footer_meta(ccs_footer_options[:meta])) if ccs_footer_options[:meta]
-                end)
-              end)
-            end
-          end
-        end
-
-        private
-
-        # Generates the HTML for the navigation section in {ccs_footer}
-        #
-        # @param navigation_item [Hash] options that will be used for the navigation section
-        #
-        # @option navigation_item [String] :title title for a section
-        # @option navigation_item [String] :width (default: 'fall') width of each navigation section in the footer
-        # @option navigation_item [Integer] :columns amount of columns to display items in navigation section of the footer
-        # @option navigation_item [Array] :items array of items to display in the list in navigation section of the footer.
-        #                                        Each item can have the following options:
-        #                                        - +:text+ list item text
-        #                                        - +:href+ list item href
-        #                                        - +:attributes+ HTML attributes to add to the link
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for the navigation section in {ccs_footer}
-
-        def ccs_footer_navigation(navigation_item)
-          tag.div(class: "ccs-footer__section govuk-grid-column-#{navigation_item[:width] || 'full'}") do
-            concat(tag.h2(navigation_item[:title], class: 'ccs-footer__heading govuk-heading-m'))
-            concat(tag.ul(class: "ccs-footer__list #{"ccs-footer__list--columns-#{navigation_item[:columns]}" if navigation_item[:columns]}".rstrip) do
-              navigation_item[:items].each do |item|
-                concat(tag.li(class: 'ccs-footer__list-item') do
-                  (item[:attributes] ||= {})[:class] = 'ccs-footer__link'
-
-                  link_to(item[:text], item[:href], **item[:attributes])
-                end)
-              end
-            end)
-          end
-        end
-
-        # Generates the HTML for the meta section in {ccs_footer}
-        #
-        # @param meta [Hash] options that will be used for the meta section
-        #
-        # @option meta [String] :visually_hidden_title (default: 'Support links') title for a meta item section
-        # @option meta [ActiveSupport::SafeBuffer,String] :text text to add to the meta section of the footer,
-        #                                                       which will appear below any links specified using meta.items
-        # @option meta [Array] :items array of items to display in the list in meta section of the footer.
-        #                                        Each item can have the following options:
-        #                                        - +:text+ list item text
-        #                                        - +:href+ list item href
-        #                                        - +:attributes+ HTML attributes to add to the link
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for the meta section in {ccs_footer}
-
-        def ccs_footer_meta(meta)
-          concat(tag.h2(meta[:visually_hidden_title] || 'Support links', class: 'govuk-visually-hidden'))
-          if meta[:items]
-            concat(tag.ul(class: 'ccs-footer__inline-list') do
-              meta[:items].each do |meta_item|
-                concat(tag.li(class: 'ccs-footer__inline-list-item') do
-                  (meta_item[:attributes] ||= {})[:class] = 'ccs-footer__link'
-
-                  link_to(meta_item[:text], meta_item[:href], **meta_item[:attributes])
-                end)
-              end
-            end)
-          end
-          concat(tag.div(meta[:text], class: 'ccs-footer__meta-custom')) if meta[:text]
-        end
-
-        # rubocop:enable Metrics/AbcSize
-
-        # Generates the copyright used in {ccs_footer}
-        #
-        # @param copyright [ActiveSupport::SafeBuffer,String] the copyright information, this defaults to Crown Copyright
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for the copyright used in {ccs_footer}
+      # @param (see CCS::Components::CCS::Footer#initialize)
+      #
+      # @option (see CCS::Components::CCS::Footer#initialize)
+      #
+      # @return (see CCS::Components::CCS::Footer#render)
 
-        def ccs_footer_copyright(copyright)
-          tag.div(class: 'ccs-footer__copyright') do
-            link_to(copyright || '© Crown copyright', 'https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/', class: 'ccs-footer__link')
-          end
-        end
+      def ccs_footer(**options)
+        Components::CCS::Footer.new(context: self, **options).render
       end
     end
   end

data/lib/ccs/frontend_helpers/ccs_frontend/header.rb

@@ -1,204 +1,25 @@
 # frozen_string_literal: true
 
-require_relative 'logo'
-require_relative '../shared_methods'
+require_relative '../../components/ccs/header'
 
 module CCS
-  module FrontendHelpers
-    module CCSFrontend
-      # = CCS Header
+  module FrontendHelpers::CCSFrontend
+    # = CCS Header
+    #
+    # This helper is used for generating the header component from the
+    # {https://github.com/tim-s-ccs/ts-ccs-frontend/tree/main/src/ccs/components/header CCS - Components - Header}
+
+    module Header
+      # Generates the HTML for the CCS Header component
       #
-      # This helper is used for generating the header component from the
-      # {https://github.com/tim-s-ccs/ts-ccs-frontend/tree/main/src/ccs/components/header CCS - Components - Header}
-
-      module Header
-        include SharedMethods
-        include Logo
-        include ActionView::Helpers::FormTagHelper
-        include ActionView::Helpers::UrlHelper
-
-        # rubocop:disable Metrics/AbcSize
-
-        # Generates the HTML for the CCS Header component
-        #
-        # @param ccs_header_options [Hash] options that will be used to generate the header
-        #
-        # @option ccs_header_options [String] :classes additional CSS classes for the header HTML
-        # @option ccs_header_options [Hash] :attributes additional attributes that will added as part of the header HTML
-        # @option ccs_header_options [String] :container_classes classes for the container
-        # @option ccs_header_options [String] :homepage_url URL of the homepage. Defaults to +https://www.crowncommercial.gov.uk+
-        # @option ccs_header_options [Array] :service_authentication see {ccs_service_authentication}
-        # @option ccs_header_options [Hash] :service see {ccs_header_service_name}
-        # @option ccs_header_options [Hash] :navigation see {ccs_header_navigation}
-        # @option ccs_header_options [Hash] :menu_button see {ccs_header_navigation}
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for the CCS Header
-        #                                     which can then be rendered on the page
-
-        def ccs_header(**ccs_header_options)
-          determine_ccs_header_attributes(ccs_header_options)
-
-          tag.header(**ccs_header_options[:attributes]) do
-            concat(ccs_service_authentication(ccs_header_options[:service_authentication], ccs_header_options[:container_classes])) if ccs_header_options[:service_authentication]
-            concat(tag.div(class: "ccs-header__container #{ccs_header_options[:container_classes]}") do
-              concat(ccs_header_logo(**ccs_header_options))
-              if ccs_header_options[:service] || ccs_header_options[:navigation]
-                concat(tag.div(class: 'ccs-header__content') do
-                  concat(ccs_header_service_name(ccs_header_options[:service])) if ccs_header_options[:service]
-                  concat(ccs_header_navigation(ccs_header_options[:navigation], ccs_header_options[:menu_button], ccs_header_options[:service])) if ccs_header_options[:navigation]
-                end)
-              end
-            end)
-          end
-        end
-
-        # rubocop:enable Metrics/AbcSize
-
-        private
-
-        # Generates the service authentication section for {ccs_header}
-        #
-        # @param service_authentication [Array] array of service authentication items (see {ccs_header_navigation_item})
-        # @param container_classes [String] classes for the container
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for the service authentication section which is used in {ccs_header}
-
-        def ccs_service_authentication(service_authentication, container_classes)
-          tag.div(class: 'ccs-header__service-authentication') do
-            tag.div(class: "ccs-header__service-authentication-container #{container_classes}") do
-              tag.ul(class: 'ccs-header__service-authentication-list') do
-                service_authentication.each do |service_authentication_item|
-                  concat(tag.li(class: 'ccs-header__service-authentication-item') do
-                    if service_authentication_item[:href]
-                      (service_authentication_item[:attributes] ||= {})[:class] = 'ccs-header__link'
-
-                      link_to(service_authentication_item[:text], service_authentication_item[:href], **service_authentication_item[:attributes])
-                    else
-                      service_authentication_item[:text]
-                    end
-                  end)
-                end
-              end
-            end
-          end
-        end
-
-        # Generates the logo for {ccs_header}
-        #
-        # @param (see ccs_header)
-        #
-        # @option (see ccs_header)
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for the logo used in {ccs_header}
-
-        def ccs_header_logo(ccs_header_options)
-          tag.div(class: 'ccs-header__logo') do
-            link_to(ccs_logo, ccs_header_options[:homepage_url] || 'https://www.crowncommercial.gov.uk', class: 'ccs-header__link ccs-header__link--homepage', aria: { label: 'Crown Commercial Service' })
-          end
-        end
-
-        # Generates the service name section for {ccs_header}
-        #
-        # @param service [Hash] options that will be used in the service name section
-        #
-        # @option service [String] :name the name of the service, included in the header
-        # @option service [String] :href URL for the service name anchor
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for the service name section which is used in {ccs_header}
-
-        def ccs_header_service_name(service)
-          if service[:href]
-            link_to(service[:name], service[:href], class: 'ccs-header__link ccs-header__link--service-name')
-          else
-            tag.span(service[:name], class: 'ccs-header__link--service-name')
-          end
-        end
-
-        # rubocop:disable Metrics/AbcSize, Metrics/CyclomaticComplexity,  Metrics/PerceivedComplexity
-
-        # @option ccs_header_options [String] :navigation_label text for the aria-label attribute of the navigation.
-        #                                                       Defaults to the same value as +:text+ in +:menu_button+
-        # @option ccs_header_options [String] :navigation_classes classes for the navigation section of the header
-
-        # Generates the navigation section for {ccs_header}
-        #
-        # @param navigation [Hash] options for the navigation
-        # @param menu_button [Hash] options for the menu button
-        # @param serivce_name_present [Boolean] flag to indicate if the service name section is present
-        #
-        # @option navigation [String] :label text for the aria-label attribute of the navigation.
-        #                                    Defaults to the same value as +:text+ in +:menu_button+
-        # @option navigation [String] :classes classes for the navigation section of the header
-        # @option navigation [Array] :primary_items primary navigation items that will be rendered on the page (see {ccs_header_navigation_item})
-        # @option navigation [Array] :secondary_items secondary navigation items that will be rendered on the page (see {ccs_header_navigation_item})
-        #
-        # @option menu_button [String] :text text for the button that opens the mobile navigation menu.
-        #                                    By default, this is set to +Menu+.
-        # @option menu_button [String] :label text for the aria-label attribute of the button that opens the mobile navigation.
-        #                                     Defaults to +Show or hide menu+.
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for the navigation section which is used in {ccs_header}
-
-        def ccs_header_navigation(navigation, menu_button, serivce_name_present)
-          (menu_button ||= {})[:text] ||= 'Menu'
-          navigation_classes = "ccs-header__navigation #{navigation[:classes]}".rstrip
-          navigation_classes << ' ccs-header__navigation--no-service-name' unless serivce_name_present
-
-          tag.nav(aria: { label: navigation[:label] || menu_button[:text] }, class: navigation_classes) do
-            concat(button_tag(menu_button[:text], type: :button, class: 'ccs-header__menu-button ccs-js-header-toggle', aria: { controls: 'navigation', label: menu_button[:label] || 'Show or hide menu' }, hidden: true))
-            concat(tag.div(id: 'navigation', class: 'ccs-header__navigation-lists') do
-              if navigation[:secondary_items]
-                concat(tag.ul(id: 'navigation-secondary', class: "ccs-header__navigation-secondary-list #{'ccs-header__navigation--no-second-list' unless navigation[:primary_items]}") do
-                  navigation[:secondary_items].each { |navigation_item| concat(ccs_header_navigation_item(navigation_item)) }
-                end)
-              end
-              if navigation[:primary_items]
-                concat(tag.ul(id: 'navigation-primary', class: "ccs-header__navigation-primary-list #{'ccs-header__navigation--no-second-list' unless navigation[:secondary_items]}") do
-                  navigation[:primary_items].each { |navigation_item| concat(ccs_header_navigation_item(navigation_item)) }
-                end)
-              end
-            end)
-          end
-        end
-
-        # rubocop:enable Metrics/AbcSize, Metrics/CyclomaticComplexity,  Metrics/PerceivedComplexity
-
-        # Generates a navigation item for {ccs_header_navigation_item}
-        #
-        # @param navigation_item [Hash] options that will be used in customising the HTML
-        #
-        # @option navigation_item [Boolean] :active flag to mark the navigation item as active or not
-        # @option navigation_item [String] :text text for the navigation item
-        # @option navigation_item [String] :href URL of the navigation item anchor
-        # @option navigation_item [Hash] :attributes ({}) any additional attributes that will added as part of the HTML
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for a navigation item which is used in {ccs_header_navigation_item}
-
-        def ccs_header_navigation_item(navigation_item)
-          tag.li(class: "ccs-header__navigation-item #{'ccs-header__navigation-item--active' if navigation_item[:active]}".rstrip) do
-            if navigation_item[:href]
-              (navigation_item[:attributes] ||= {})[:class] = 'ccs-header__link'
-
-              link_to(navigation_item[:text], navigation_item[:href], **navigation_item[:attributes])
-            else
-              navigation_item[:text]
-            end
-          end
-        end
-
-        # Sets the default attributes for {ccs_header}
-        #
-        # @param ccs_header_options [Hash] options that will be used in customising the HTML
-        #
-        # @option (see ccs_header)
-
-        def determine_ccs_header_attributes(ccs_header_options)
-          initialise_attributes_and_set_classes(ccs_header_options, 'ccs-header')
-          set_data_module(ccs_header_options, 'ccs-header')
+      # @param (see CCS::Components::CCS::Header#initialize)
+      #
+      # @option (see CCS::Components::CCS::Header#initialize)
+      #
+      # @return (see CCS::Components::CCS::Header#render)
 
-          ccs_header_options[:attributes][:role] = 'banner'
-          ccs_header_options[:container_classes] ||= 'govuk-width-container'
-        end
+      def ccs_header(**options)
+        Components::CCS::Header.new(context: self, **options).render
       end
     end
   end

data/lib/ccs/frontend_helpers/ccs_frontend.rb

@@ -2,8 +2,7 @@
 
 require_relative 'ccs_frontend/footer'
 require_relative 'ccs_frontend/header'
-require_relative 'ccs_frontend/logo'
-require_relative 'ccs_frontend/dashboard_panels'
+require_relative 'ccs_frontend/dashboard_section'
 
 module CCS
   module FrontendHelpers
@@ -11,10 +10,9 @@ module CCS
     # These are a collection of view helpers to help render CCS components
 
     module CCSFrontend
-      include DashboardPanels
+      include DashboardSection
       include Footer
       include Header
-      include Logo
     end
   end
 end

data/lib/ccs/frontend_helpers/govuk_frontend/accordion.rb

@@ -1,114 +1,25 @@
 # frozen_string_literal: true
 
-require 'action_view'
-
-require_relative '../shared_methods'
+require_relative '../../components/govuk/accordion'
 
 module CCS
-  module FrontendHelpers
-    module GovUKFrontend
-      # = GOV.UK Accordion
+  module FrontendHelpers::GovUKFrontend
+    # = GOV.UK Accordion
+    #
+    # This helper is used for generating the accordion component from the
+    # {https://design-system.service.gov.uk/components/accordion GDS - Components - Accordion}
+
+    module Accordion
+      # Generates the HTML for the GOV.UK Accordion component
       #
-      # This helper is used for generating the accordion component from the
-      # {https://design-system.service.gov.uk/accordion/back-link GDS - Components - Accordion}
-
-      module Accordion
-        include SharedMethods
-        include ActionView::Context
-        include ActionView::Helpers::TagHelper
-        include ActionView::Helpers::TextHelper
-
-        # Generates the HTML for the GOV.UK accordion component
-        #
-        # @param accordion_id [String] used as an id in the HTML for the accordion as a whole,
-        #                              and also as a prefix for the ids of the section contents
-        #                              and the buttons that open them
-        # @param accordion_items [Array<Hash>] an array of accordion items.
-        #                                      See {#govuk_accordion_section} for details of the items in the array.
-        # @param govuk_accordion_options [Hash] options that will be used in customising the HTML
-        #
-        # @option govuk_accordion_options [String] :classes additional CSS classes for the accordion HTML
-        # @option govuk_accordion_options [Integer] :heading_level (2) heading level, from 1 to 6
-        # @option govuk_accordion_options [Hash] :attributes ({ data: { module: 'govuk-accordion' } }) any additional
-        #                                                    attributes that will added as part of the HTML
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for the GOV.UK Accordion
-        #                                     which can then be rendered on the page
-
-        def govuk_accordion(accordion_id, accordion_items, **govuk_accordion_options)
-          initialise_attributes_and_set_classes(govuk_accordion_options, 'govuk-accordion')
-          set_data_module(govuk_accordion_options, 'govuk-accordion')
-
-          govuk_accordion_options[:attributes][:id] = accordion_id
-          govuk_accordion_options[:heading_level] ||= 2
-
-          tag.div(**govuk_accordion_options[:attributes]) do
-            accordion_items.each.with_index(1) { |accordion_item, index| concat(govuk_accordion_section(accordion_id, accordion_item, index, govuk_accordion_options[:heading_level])) }
-          end
-        end
-
-        private
-
-        # Generates the HTML for an accordion section, used by {govuk_accordion}
-        #
-        # @param accordion_id [String] used as an id in the HTML for the accordion
-        # @param index [Integer] the index of the accordion item
-        # @param heading_level [Integer] heading level, from 1 to 6
-        #
-        # @option accordion_item [Boolean] :expanded sets whether the section should be expanded
-        #                                            when the page loads for the first time.
-        # @option accordion_item [String] :heading_level (2) Heading level, from 1 to 6
-        # @option accordion_item [String] :heading the heading text for the accordion
-        # @option accordion_item [String] :summary (nil) optional summary text for the accordion header
-        # @option accordion_item [String, ActiveSupport::SafeBuffer] the content within the accordion section
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for an accordion section
-        #                                     which is used in {govuk_accordion}
-
-        def govuk_accordion_section(accordion_id, accordion_item, index, heading_level)
-          tag.div(class: "govuk-accordion__section #{'govuk-accordion__section--expanded' if accordion_item[:expanded]}".rstrip) do
-            concat(govuk_accordion_section_header(accordion_id, accordion_item, index, heading_level))
-            concat(govuk_accordion_section_content(accordion_id, accordion_item, index))
-          end
-        end
-
-        # Generates the HTML for an accordion section heading, used by {govuk_accordion_section}
-        #
-        # @param (see govuk_accordion_section)
-        #
-        # @option (see govuk_accordion_section)
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for an accordion section heading
-        #                                     which is used in {govuk_accordion_section}
-
-        def govuk_accordion_section_header(accordion_id, accordion_item, index, heading_level)
-          tag.div(class: 'govuk-accordion__section-header') do
-            concat(tag.send("h#{heading_level}", class: 'govuk-accordion__section-heading') do
-              tag.span(accordion_item[:heading], class: 'govuk-accordion__section-button', id: "#{accordion_id}-heading-#{index}")
-            end)
-            concat(tag.div(accordion_item[:summary], class: 'govuk-accordion__section-summary govuk-body', id: "#{accordion_id}-summary-#{index}")) if accordion_item[:summary]
-          end
-        end
-
-        # Generates the HTML for an accordion sections content, used by {govuk_accordion_section}
-        #
-        # @param accordion_id [String] used as an id in the HTML for the accordion
-        # @param index [Integer] the index of the accordion item
-        #
-        # @option (see govuk_accordion_section)
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for an accordion sections content
-        #                                     which is used in {govuk_accordion_section}
+      # @param (see CCS::Components::GovUK::Accordion#initialize)
+      #
+      # @option (see CCS::Components::GovUK::Accordion#initialize)
+      #
+      # @return (see CCS::Components::GovUK::Accordion#render)
 
-        def govuk_accordion_section_content(accordion_id, accordion_item, index)
-          tag.div(class: 'govuk-accordion__section-content', id: "#{accordion_id}-content-#{index}", aria: { labelledby: "#{accordion_id}-heading-#{index}" }) do
-            if accordion_item[:content].is_a? ActiveSupport::SafeBuffer
-              accordion_item[:content]
-            else
-              tag.p(accordion_item[:content], class: 'govuk-body')
-            end
-          end
-        end
+      def govuk_accordion(accordion_id, accordion_sections, **options)
+        Components::GovUK::Accordion.new(context: self, accordion_id: accordion_id, accordion_sections: accordion_sections, **options).render
       end
     end
   end

data/lib/ccs/frontend_helpers/govuk_frontend/back_link.rb

@@ -1,38 +1,25 @@
 # frozen_string_literal: true
 
-require 'action_view'
-
-require_relative '../shared_methods'
+require_relative '../../components/govuk/back_link'
 
 module CCS
-  module FrontendHelpers
-    module GovUKFrontend
-      # = GOV.UK Back Link
-      #
-      # This helper is used for generating the back link component from the
-      # {https://design-system.service.gov.uk/components/back-link GDS - Components - Back link}
-
-      module BackLink
-        include SharedMethods
-        include ActionView::Helpers::UrlHelper
-
-        # Generates the HTML for the GOV.UK Back link component
-        #
-        # @param text [String] the text for the back link
-        # @param href [String] the href for the back link
-        # @param govuk_back_link_options [Hash] options that will be used in customising the HTML
-        #
-        # @option govuk_back_link_options [String] :classes additional CSS classes for the back link HTML
-        # @option govuk_back_link_options [Hash] :attributes ({}) any additional attributes that will added as part of the HTML
-        #
-        # @return [ActiveSupport::SafeBuffer] the HTML for the GOV.UK Back link
-        #                                     which can then be rendered on the page
+  module FrontendHelpers::GovUKFrontend
+    # = GOV.UK Back Link
+    #
+    # This helper is used for generating the back link component from the
+    # {https://design-system.service.gov.uk/components/back-link GDS - Components - Back link}
 
-        def govuk_back_link(text, href, **govuk_back_link_options)
-          initialise_attributes_and_set_classes(govuk_back_link_options, 'govuk-back-link')
+    module BackLink
+      # Generates the HTML for the GOV.UK Back link component
+      #
+      # @param (see CCS::Components::GovUK::BackLink#initialize)
+      #
+      # @option (see CCS::Components::GovUK::BackLink#initialize)
+      #
+      # @return (see CCS::Components::GovUK::BackLink#render)
 
-          link_to(text, href, **govuk_back_link_options[:attributes])
-        end
+      def govuk_back_link(text, href, **options)
+        Components::GovUK::BackLink.new(context: self, text: text, href: href, **options).render
       end
     end
   end