Components

Organisation switcher

To be reviewed

Created in June 2021.

How ‘to be reviewed’ components work

Components with a ‘to be reviewed’ status have been added for use by everyone, but have not been checked or improved recently. Read about all the Design System statuses.

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.