A React component for switching between teams. It displays a dropdown of teams and allows the user to select a team.

For a comprehensive guide on using this component, refer to our Team Selection documentation.

Props

• urlMap (optional): (team: Team) => string - A function that maps a team to a URL. If provided, the component will navigate to this URL when a team is selected.
• selectedTeam (optional): Team - The initially selected team.
• noUpdateSelectedTeam (optional): boolean - If true, prevents updating the selected team in the user’s settings when a new team is selected. Default is false.

Example

1
import { SelectedTeamSwitcher } from '@stackframe/stack';
2
3
export default function Page() {
4
  return (
5
    <div>
6
      <h1>Team Switcher</h1>
7
      <SelectedTeamSwitcher
8
        urlMap={(team) => `/team/${team.id}`}
9
        selectedTeam={currentTeam}
10
        noUpdateSelectedTeam={false}
11
      />
12
    </div>
13
  );
14
}