Koala logo Design
Esc
No matches for “
↑↓ navigate open Esc close
Components Switchers

Switchers

Card-style sidebar header that shows the current partner / branch (partner area) or organisation (conveyancing area). Reads as clickable when there's more than one option, opens a switcher modal to change context.

This page mirrors the emitted markup of Portal-only partials. Live rendering requires the partials to live in Koala.Web.

Canonical

The expanded sidebar header. Cards read as clickable; clicking dispatches open-partner-switcher / open-branch-switcher.

Variants

3 variants
KP
Partner
Koala Partners
Partner
_SidebarPartnerHeader
Branch
London
Branch
Nested below partner
AC
Organisation
Acme Conveyancing
Organisation
_SidebarConveyancingHeader

States

3 states
KP
Partner
Koala Partners
Switchable
Multiple options — renders chevron
KP
Partner
Koala Partners
Single
One option — chevron dropped, not a link
KP
Collapsed
Avatar only when the sidebar is collapsed

Props

2 inputs
ViewData key Type Notes
CurrentBranch / CurrentOrganisation CurrentBranchData / CurrentOrganisationData The active partner+branch (or organisation). Drives the avatar, name, and tooltip.
AreaSwitcherData AreaSwitcherData All partners / organisations the user belongs to. When count > 1, the card becomes a switcher trigger.

Do & don't

KP
Partner
Koala Partners
Do Drop the chevron and the link wrapper when there's only one option. A non-clickable card reads as identity, not as an interactive control.
Don't Don't keep the chevron when there's nothing to switch to. The affordance promises a switcher; clicking it would surprise the user with a single-option list.