Sha256: 72013d043853f1504f25fa2aa10e233e7f83d4eb08e36140b3d4f4de735cae7c
Contents?: true
Size: 1.31 KB
Versions: 70
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://components.publishing.service.gov.uk/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
70 entries across 70 versions & 1 rubygems