Dropdown Menu

트리거를 클릭하면 컨텍스트 메뉴가 나타나요.

미리보기

변형

변형	설명
Default	기본 메뉴 아이템
Shortcut	오른쪽에 단축키 힌트 표시
Separator	아이템 사이 구분선
Disabled	비활성화된 아이템 (클릭 불가)

코드

// 기본 구조
<DropdownMenu>
  <DropdownMenuTrigger>메뉴 열기</DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem>프로필</DropdownMenuItem>
    <DropdownMenuItem>설정</DropdownMenuItem>
    <DropdownMenuSeparator />
    <DropdownMenuItem disabled>비활성 항목</DropdownMenuItem>
    <DropdownMenuSeparator />
    <DropdownMenuItem>로그아웃</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>