{{ govuk.breadcrumbs(
    items = [
      {
        "title": "Home",
        "url": "/"
      },
      {
        "title": "Passports, travel and living abroad",
        "url": "/browse/abroad"
      },
      {
        "title": "Travel abroad"
      }
    ]
) }}
<%= govuk.breadcrumbs(
    items: [
      {
        "title" => "Home",
        "url" => "/"
      },
      {
        "title" => "Passports, travel and living abroad",
        "url" => "/browse/abroad"
      },
      {
        "title" => "Travel abroad"
      }
    ]
) %> 
<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="/browse/abroad">Passports, travel and living abroad</a>

        </li>

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

            Travel abroad

        </li>

    </ol>
</div>
{
  "items": [
    {
      "title": "Home",
      "url": "/"
    },
    {
      "title": "Passports, travel and living abroad",
      "url": "/browse/abroad"
    },
    {
      "title": "Travel abroad"
    }
  ]
}