<SelectedTeamSwitcher />
Component Options
If true, prevents the component from updating the user's selected team when a team is chosen.
Function that maps a team to a URL. When provided, selecting a team will navigate to the mapped URL.
Different scenarios to demonstrate various states of the team switcher.
Live Preview
Component Demo
For a comprehensive guide on using this component, refer to our Team Selection documentation.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
urlMapoptional | function | — | A function that maps a team to a URL. If provided, the component will navigate to this URL when a team is selected. |
selectedTeamoptional | Team | — | The initially selected team. |
noUpdateSelectedTeamoptional | boolean | false | If true, prevents updating the selected team in the user's settings when a new team is selected. |
mockUser | | — |
Example
import { SelectedTeamSwitcher } from '@stackframe/stack';
export default function Page() {
return (
<div>
<h1>Team Switcher</h1>
<SelectedTeamSwitcher
urlMap={(team) => `/team/${team.id}`}
selectedTeam={currentTeam}
noUpdateSelectedTeam={false}
/>
</div>
);
}