Sha256: faaa7cfa53558771389190b298b3efd4d6316a2ed7202707ecebf88486f22576
Contents?: true
Size: 1.31 KB
Versions: 22
Compression:
Stored size: 1.31 KB
Contents
name: Contextual breadcrumbs
description: Breadcrumbs that shows different things depending on the page
body: |
This is a complex component that calls other components. For more accurate
preview with real data, see the [contextual navigation preview][preview].
There are 3 main variants of the component:
- Step by step, which uses the [step by step header][header]
- Parent breadcrumb, which uses the `parent` link of the page with the [breadcrumbs component][breadcrumbs]
- Taxon breadcrumb, which uses the `taxons` link of the page with the [breadcrumbs component][breadcrumbs]
It must always used [together with the contextual sidebar][sidebar] and [footer].
[preview]: /contextual-navigation
[header]: /component-guide/step_by_step_nav_header
[footer]: /component-guide/contextual_footer
[sidebar]: /component-guide/contextual_sidebar
[breadcrumbs]: https://govuk-publishing-components.herokuapp.com/component-guide/breadcrumbs
accessibility_criteria: |
Components called by this component must be accessible
examples:
default:
data:
content_item:
title: "A content item"
inverse:
description: Passes the 'inverse' option to the breadcrumbs, if shown.
data:
content_item:
title: "Another content item"
inverse: true
context:
dark_background: true
Version data entries
22 entries across 22 versions & 1 rubygems