항목은 솟지 않고 강조 면만 바뀝니다. 키보드로 온 항목에는 안쪽 2px 링이 더해집니다. 단축키는 키캡으로 보여 메뉴가 단축키를 가르칩니다. radix-ui 위에 만들고 아이콘은 내부 세트를 써서 lucide-react 가 필요 없습니다.

import

import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, … } from "@uyoolabs/ui/menu";

쓰는 경우

행 메뉴(⋯) · 더 보기 · 계정 메뉴, 켜고 끄는 보기 설정(체크 항목), 하나를 고르는 정렬 · 테마(라디오 항목)에 씁니다. 항목이 7개를 넘으면 그룹 라벨 · 구분선으로 묶습니다.

쓰지 않는 경우

값을 입력 · 선택하는 폼 칸(Select · Combobox), 메뉴 안의 입력칸 · 버튼 묶음(Popover), 페이지로 가는 링크 목록(내비)에는 쓰지 않습니다. 하위 메뉴를 두 단계 넘게 겹치지 않고, 권한 없는 항목을 이유 없이 흐리게 두지 않습니다.

v1 에서 바뀐 것

variant="destructive" → "danger", 체크 항목은 고른 뒤 열린 채(closeOnSelect 로 v1 동작), 층 z-50 → 60, 비활성은 opacity 대신 글자색, 아이콘은 lucide 대신 내부 세트. 자세한 표는 docs/migration/v2-overlay.md 입니다.