DropdownMenu
버튼을 클릭하면 나타나는 액션 메뉴입니다. 메뉴 아이템, 체크박스, 라디오, 하위 메뉴를 지원합니다.
개요
DropdownMenu는 Radix UI 기반의 접근성이 보장된 드롭다운 메뉴입니다. 키보드 탐색, 체크박스/라디오 선택, 하위 메뉴를 지원합니다.
설치
사용법
DropdownMenu 컴포넌트들을 import하여 사용합니다. Button을 Trigger의 자식으로 사용하면 화살표가 자동으로 추가됩니다.
예제
기본 트리거 (자동 화살표)
asChild 없이 사용하면 화살표가 자동으로 추가됩니다.
Shortcut
Checkbox
상태: ✓ 상태 표시줄, ✗ 활동 표시줄, ✗ 패널
Radio Group
Submenu
Group
Action Menu
프로젝트 문서
2024년 1월 15일
언어 변경
언어 선택 드롭다운 예제입니다. showArrow prop으로 화살표를 표시합니다.
화면크기 조정
화면 크기/글꼴 크기 조정 드롭다운 예제입니다.