Merge pull request #4591 from alphagov/use-heading

Replace title component with heading
alphagov · Jan 27, 2025 · 015a516 · 015a516
2 parents 6a75080 + af7e813
commit 015a516
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 4 deletions.
diff --git a/app/views/govuk_publishing_components/audit/show.html.erb b/app/views/govuk_publishing_components/audit/show.html.erb
@@ -5,7 +5,13 @@
 %>
 
 <% content_for :title, "Component audit" %>
-<%= render 'govuk_publishing_components/components/title', title: "Components audit", margin_top: 0; %>
+<%= render 'govuk_publishing_components/components/heading', {
+    text: "Components audit",
+    heading_level: 1,
+    font_size: "xl",
+    margin_bottom: 8
+  }
+%>
 
 <% applications = capture do %>
   <%= render "applications" %>

diff --git a/app/views/govuk_publishing_components/component_guide/example.html.erb b/app/views/govuk_publishing_components/component_guide/example.html.erb
@@ -5,7 +5,14 @@
   <% end %>
 <% end %>
 
-<%= render 'govuk_publishing_components/components/title', title: @component_example.name, context: "#{@component_doc.name} example", margin_top: 0 %>
+<%= render 'govuk_publishing_components/components/heading', {
+    text: @component_example.name,
+    context: "#{@component_doc.name} example",
+    heading_level: 1,
+    font_size: "xl",
+    margin_bottom: 8
+  }
+%>
 
 <% code_example = capture do %>
   <%= render partial: "govuk_publishing_components/component_guide/component_doc/call", locals: { component_doc: @component_doc, example: @component_example } %>

diff --git a/app/views/govuk_publishing_components/component_guide/index.html.erb b/app/views/govuk_publishing_components/component_guide/index.html.erb
@@ -1,4 +1,10 @@
-<%= render 'govuk_publishing_components/components/title', title: GovukPublishingComponents::Config.component_guide_title, margin_top: 0 %>
+<%= render 'govuk_publishing_components/components/heading', {
+    text: GovukPublishingComponents::Config.component_guide_title,
+    heading_level: 1,
+    font_size: "xl",
+    margin_bottom: 8
+  }
+%>
 
 <div class="component-markdown">
   <p>Components are packages of template, style, behaviour and documentation that live in your application.</p>

diff --git a/app/views/govuk_publishing_components/component_guide/show.html.erb b/app/views/govuk_publishing_components/component_guide/show.html.erb
@@ -5,7 +5,14 @@
   <% end %>
 <% end %>
 
-<%= render 'govuk_publishing_components/components/title', title: @component_doc.name, context: "Component", margin_top: 0; %>
+<%= render 'govuk_publishing_components/components/heading', {
+    text: @component_doc.name,
+    context: "Component",
+    heading_level: 1,
+    font_size: "xl",
+    margin_bottom: 8
+  }
+%>
 
 <div class="component-show">
   <div class="govuk-grid-row">