Sha256: 6be164c1d4e20a017ee4f1f86a1c805d13a361a38422ebe3308735a9ac8279aa
Contents?: true
Size: 1.89 KB
Versions: 35
Compression:
Stored size: 1.89 KB
Contents
name: Contextual sidebar
description: Sidebar 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 4 main variants of the component:
- Step by step, which uses the [step by step nav][step-by-step]
- Taxonomy, which uses the new taxonomy in the [taxonomy-sidebar component][taxonomy-sidebar]
- Mainstream, which uses related links in the [related navigation component][related_navigation]
- Related navigation, which uses legacy taxonomies in the [related navigation component][related_navigation]
It must always be used [with the contextual breadcrumbs component][contextual_breadcrumbs].
[preview]: https://govuk-publishing-components.herokuapp.com/contextual-navigation
[step-by-step]: /component-guide/step_by_step_nav
[related_navigation]: /component-guide/related_navigation
[taxonomy-sidebar]: https://govuk-publishing-components.herokuapp.com/component-guide/taxonomy_navigation
[contextual_breadcrumbs]: /component-guide/contextual_breadcrumbs
accessibility_criteria: |
Components called by this component must be accessible
examples:
default:
data:
content_item:
title: "A content item"
links:
ordered_related_items:
- title: "Find an apprenticeship"
base_path: "/apply-apprenticeship"
with_step_by_step:
data:
content_item:
title: "A content item"
links:
part_of_step_navs:
- title: "Choosing a micropig or micropug: step by step"
base_path: "/micropigs-vs-micropugs"
- title: "Walk your micropig: step by step"
base_path: "/porgs-step-by-step"
ordered_related_items:
- title: "Find an apprenticeship"
base_path: "/apply-apprenticeship"
Version data entries
35 entries across 35 versions & 1 rubygems