Components Organisation switcher

Open this example in a new window

<div class="moj-organisation-nav" aria-label="Organisation switcher">
  <div class="moj-organisation-nav__title">HMP Sheppey Cluster (Swaleside)</div>

  <a href="#" class="moj-organisation-nav__link">Change prison</a>

</div>

{%- from "moj/components/organisation-switcher/macro.njk" import mojOrganisationSwitcher -%}

{{ mojOrganisationSwitcher({
  text: 'HMP Sheppey Cluster (Swaleside)',
  link: {
    text: 'Change prison',
    href: '#'
  }
}) }}

This component is in the ‘Assets’ tab in the MoJ Figma Kit.

If you’re external to MoJ, download the Kit and add it as a library to your Figma files. You’ll need to re-add the kit to update the version.

View component in MoJ Figma Kit

When to use

Use the organisation switcher component to let users navigate between different organisations or accounts, for example, switching between prisons.

When not to use

Do not use this component if the user has access to only one organisation.

How to use

This component comes directly after the header, or phase banner if there is one.

Get help and contribute

Get help

You can contact the MoJ Design System team for help or support using this component.

Help improve this component

The MoJ Design System team would like to hear:

how you have used this component in your service
any feedback you have about its usage, for example accessibility or ideas for improvement

Add these comments to the organisation switcher discussion on Github.

Cookies on MoJ Design System