개요
컴파운드 컴포넌트 패턴으로 Dropdown 컴포넌트를 구현합니다.
구현 내용
-
서브 컴포넌트 구성
Dropdown.Provider - Context 기반 상태 관리
Dropdown.Container - 레이아웃 컨테이너
Dropdown.Trigger - 드롭다운 열기/닫기 버튼
Dropdown.List - 옵션 목록
Dropdown.Item - 개별 옵션 아이템
-
주요 기능
- 키보드 네비게이션 지원 (ArrowUp/Down, Enter, Escape)
- 다양한 tone 스타일 지원 (brand, neutral, danger, warning, success, info)
- 접근성(a11y) 지원 (aria-expanded, aria-haspopup, role, aria-selected)
체크리스트
개요
컴파운드 컴포넌트 패턴으로 Dropdown 컴포넌트를 구현합니다.
구현 내용
서브 컴포넌트 구성
Dropdown.Provider- Context 기반 상태 관리Dropdown.Container- 레이아웃 컨테이너Dropdown.Trigger- 드롭다운 열기/닫기 버튼Dropdown.List- 옵션 목록Dropdown.Item- 개별 옵션 아이템주요 기능
체크리스트