Dropdowns

드롭다운은 서브뷰에서 액션을 그룹화할 때 사용합니다. 메뉴를 숨기거나 여러 액션을 하나로 묶어야 할 때 유용합니다.

Figma 컴포넌트: Base components/Dropdowns

Dropdown Trigger

드롭다운을 열기 위한 트리거 버튼입니다.

John Leejohn@iminapp.kr

Figma Dropdowns 페이지의 완전한 메뉴 구성입니다. 계정 정보 헤더, 기본 액션(단축키 포함), 조직 관리, 외부 리소스, 로그아웃 섹션으로 구분되어 있습니다.

John Leejohn@iminapp.kr

Prop	Type	Default	Description
`trigger`	button \| icon \| avatar	`button`	트리거 버튼 타입
`label`	string	`Options`	버튼 트리거의 레이블 텍스트
`open`	boolean	`false`	메뉴 열림 여부
`avatarText`	string	`-`	아바타 트리거의 이니셜 텍스트
`avatarSrc`	string	`-`	아바타 트리거의 이미지 URL (이니셜보다 우선)

Prop	Type	Default	Description
`icon`	ReactNode	`-`	왼쪽 아이콘
`shortcut`	string	`-`	오른쪽 단축키 텍스트
`disabled`	boolean	`false`	비활성화 여부
`checked`	boolean	`-`	체크박스 상태
`state`	default \| hover \| disabled	`default`	상태

Property	Values
Type	`Button` `Icon` `Avatar`
Open	`True` `False`

Dropdown 메뉴의 개별 항목. 체크박스 변형과 구분선(Divider) 변형을 포함합니다.

Property	Values
Icon	`True` `False`
Checkbox	`True` `False`
State	`Default` `Hover/active` `Disabled`
Divider	`True` `False`

Dropdown 메뉴 상단에 배치되는 헤더. 사용자 정보(Avatar group) 또는 단순 헤더(Header) 두 가지 타입을 지원합니다.

Property	Values
Type	`Avatar group` `Header`