Navigation

TeamSelector

팀/부서 선택 드롭다운입니다. 사이드바 메뉴를 팀별로 필터링할 때 사용합니다. collapsed 상태에 따라 아이콘만 또는 팀명을 함께 표시합니다.

import { TeamSelector } from "@/shared/ui/widget/navigation"

데모

확장

축소

상태

선택: 전체

tsx

<TeamSelector
  teams={teams}
  selectedId={teamId}
  onSelect={setTeamId}
  collapsed={false}
/>

Prop	Type	Required	Default	설명
`teams`	`TeamOption[]` interface TeamOption { id: string; name: string; description?: string; }	✓	—	선택 가능한 팀 목록
`selectedId`	`string`	✓	—	현재 선택된 팀 id
`onSelect`	`(id: string) => void`	✓	—	팀 선택 콜백
`collapsed`	`boolean`	—	false	축소 모드 — 아이콘만 표시

Prop	Type	Required	Default	설명
`id`	`string`	✓	—	고유 식별자
`name`	`string`	✓	—	팀 이름
`description`	`string`	—	—	팀 설명 (드롭다운에서 표시)