Breadcrumbs: Real

Navigational breadcrumbs, showing page hierarchy

Accepts an array of breadcrumb objects. Each crumb must have a title and a URL.

How to call this component

<%= render partial: 'govuk_component/breadcrumbs', locals: { breadcrumbs: [ { title: "Home", url: "/" }, { title: "Passports, travel and living abroad", url: "/browse/abroad" }, { title: "Travel abroad", url: "/browse/abroad/travel-abroad" } ] } %>

How this component looks