Rich contents list example

With image

How it looks (preview)

How to call this example

<div class="govuk-!-width-one-third">
  <%= render "flexible_page/flexible_sections/rich_contents_list", {
  image: {
    src: "https://www.gov.uk/assets/government-frontend/history/buildings/number-10-300-00aa6cc4623aff497a924d2742fa5087533221bb81c65b88fa1d11a1fc942567.jpg",
    alt: "The front door of 10 Downing Street"
  },
  contents_list: [
    {
      id: "introduction",
      text: "Introduction"
    },
    {
      id: "take-the-tour",
      text: "Explore 10 Downing Street"
    },
    {
      id: "origins-and-early-inhabitants",
      text: "Origins and early inhabitants"
    }
  ]
} %>
</div>