Components

Organisation switcher

To be reviewed

Created in June 2021.

How to use ‘to be reviewed’ components

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 work for MoJ, you can view this component in the MoJ Figma Kit.

If you work outside MoJ, read the guidance on setting up Figma prototypes for non-MoJ staff.

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.