<div class="covid-timeline" data-module="track-links" data-track-category="pageElementInteraction" data-track-action="Timeline">
  <%= render "govuk_publishing_components/components/heading", {
    text: timeline["heading"],
    padding: true,
    margin_bottom: 4
  } %>

  <% timeline["list"].each do | item | %>
    <div class="covid-timeline__item">
      <%= render "govuk_publishing_components/components/heading", {
        text: item["heading"],
        heading_level: 3,
        font_size: "s",
        margin_bottom: 1,
      } %>
      <%= render_govspeak(item["paragraph"]) %>
    </div>
  <% end %>
</div>

<div class="covid-timeline" data-module="track-links" data-track-category="pageElementInteraction" data-track-action="Timeline">
  <%= render "govuk_publishing_components/components/heading", {
    text: timeline["heading"],
    padding: true,
    margin_bottom: 4
  } %>

  <% if timeline["summary"] %>
    <%= render_govspeak(timeline["summary"]) %>
  <% end %>

  <% timeline["list"].each do | item | %>
    <div class="covid-timeline__item">
      <%= render "govuk_publishing_components/components/heading", {
        text: item["heading"],
        heading_level: 3,
        font_size: "s",
        margin_bottom: 1,
      } %>
      <%= render_govspeak(item["paragraph"]) %>
    </div>
  <% end %>
</div>

Add an optional summary field to Coronavirus timeline
Add an optional summary field to Coronavirus timeline

This field has been added to meet an immediate need for contextual text
immediately below the timeline heading and before the timeline entries.

This is being added in a hurry as copy had been signed off that didn't
fully match what was available for editing. We plan to review this once
things are a little quieter.
