Sha256: 659f07d84d5328ba07c09969108686039999b9a32d6d54922a9b68a4afdaf2b8
Contents?: true
Size: 1.31 KB
Versions: 293
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
293 entries across 293 versions & 1 rubygems