{{ govuk.breadcrumbs(
    items = [
      {
        "title": "Home",
        "url": "/"
      },
      {
        "title": "Section",
        "url": "/section"
      },
      {
        "title": "Sub-section",
        "url": "/section/sub-section"
      },
      {
        "title": "Sub Sub-section",
        "url": "/section/sub-section/sub-sub-section"
      }
    ]
) }}
<%= govuk.breadcrumbs(
    items: [
      {
        "title" => "Home",
        "url" => "/"
      },
      {
        "title" => "Section",
        "url" => "/section"
      },
      {
        "title" => "Sub-section",
        "url" => "/section/sub-section"
      },
      {
        "title" => "Sub Sub-section",
        "url" => "/section/sub-section/sub-sub-section"
      }
    ]
) %> 
<div class="gv-c-breadcrumbs">
    <ol class="gv-c-breadcrumbs__list gv-u-cf">

        <li class="gv-c-breadcrumbs__list-item">

            <a class="gv-c-breadcrumbs__list-link" href="/">Home</a>

        </li>

        <li class="gv-c-breadcrumbs__list-item">

            <a class="gv-c-breadcrumbs__list-link" href="/section">Section</a>

        </li>

        <li class="gv-c-breadcrumbs__list-item">

            <a class="gv-c-breadcrumbs__list-link" href="/section/sub-section">Sub-section</a>

        </li>

        <li class="gv-c-breadcrumbs__list-item">

            <a class="gv-c-breadcrumbs__list-link" href="/section/sub-section/sub-sub-section">Sub Sub-section</a>

        </li>

    </ol>
</div>
{
  "items": [
    {
      "title": "Home",
      "url": "/"
    },
    {
      "title": "Section",
      "url": "/section"
    },
    {
      "title": "Sub-section",
      "url": "/section/sub-section"
    },
    {
      "title": "Sub Sub-section",
      "url": "/section/sub-section/sub-sub-section"
    }
  ]
}