Skip to content

Latest commit

 

History

History
34 lines (24 loc) · 1.23 KB

breadcrumbs.md

File metadata and controls

34 lines (24 loc) · 1.23 KB

Breadcrumbs

GDS Breadcrumbs component

Example

<govuk-breadcrumbs collapse-on-mobile="true">
    <govuk-breadcrumbs-item asp-controller="Home" asp-action="Index">Home</govuk-breadcrumbs-item>
    <govuk-breadcrumbs-item href="#" link-target="_blank">Passports, travel and living abroad</govuk-breadcrumbs-item>
    <govuk-breadcrumbs-item>Travel abroad</govuk-breadcrumbs-item>
</govuk-breadcrumbs>

Breadcrumbs

API

<govuk-breadcrumbs>

Attribute Type Description
collapse-on-mobile bool When true, the breadcrumbs will collapse to the first and last item only on tablet breakpoint and below. Default is false.
label-text string The plain text label identifying the landmark to screen readers. Defaults to 'Breadcrumb'.

<govuk-breadcrumbs-item>

Content is the HTML to use within the breadcrumbs item.
Must be inside a <govuk-breadcrumbs> element.

Attribute Type Description
(link attributes) See documentation on links for more information
link-* Additional attributes to be applied to the item's hyperlink.