Components
DropdownMenu
Radix DropdownMenu — normal/checkbox/radio + sub menu + shortcut slot
사용
import {
DropdownMenu,
DropdownMenuTrigger,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuShortcut,
} from "@fluxloop-ai/pds-ui/components/dropdown-menu";
<DropdownMenu>
<DropdownMenuTrigger asChild><Button>메뉴</Button></DropdownMenuTrigger>
<DropdownMenuContent>
<DropdownMenuItem>새로 만들기 <DropdownMenuShortcut>⌘N</DropdownMenuShortcut></DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>Basic
Label + Item + Separator + Sub + Shortcut.
Size
DropdownMenuContent 에 size="sm" | "md" (default md). Content가 Context로 하위 item/label/separator 모두에 전파.
Placement
Radix의 side / align / sideOffset / alignOffset 을 그대로 받습니다. PDS default: side="bottom" · align="start" · sideOffset={4}.
Checkbox
Radio
Exports
| Export | 역할 |
|---|---|
DropdownMenu | Radix Root |
DropdownMenuTrigger | — |
DropdownMenuContent | Portal 포함 |
DropdownMenuItem | 기본 아이템 |
DropdownMenuCheckboxItem | 체크박스형 |
DropdownMenuRadioGroup / RadioItem | 라디오 |
DropdownMenuLabel | 그룹 제목 |
DropdownMenuSeparator | 구분선 |
DropdownMenuShortcut | 오른쪽 단축키 슬롯 |
DropdownMenuSub / SubTrigger / SubContent | 서브메뉴 |
DropdownMenuGroup | 그룹 컨테이너 |
Registry 설치
npx shadcn add https://pds.pluto.com/r/dropdown-menu