Skip to content

[data-js-navigation-trigger] { display: none !important; }

Back to ComponentsComponent

Dropdown Menu

Open-code aq-ui accessible component family for Dropdown Menu.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add dropdown-menu

API reference

Client moduleView full source

Quick start

"use client"

import { DropdownMenu } from "@/components/ui/dropdown-menu"

<DropdownMenu />

Exports

DropdownMenu function
DropdownMenuCheckboxItem const
DropdownMenuContent const
DropdownMenuGroup const
DropdownMenuItem const
DropdownMenuLabel const
DropdownMenuPortal function
DropdownMenuRadioGroup const
DropdownMenuRadioItem const
DropdownMenuSeparator const
DropdownMenuShortcut const
DropdownMenuSub function
DropdownMenuSubContent const
DropdownMenuSubTrigger const
DropdownMenuTrigger const

Registry dependencies

utils

Package dependencies

@base-ui/react@^1.7.0, lucide-react@^1.31.0

Files

components/ui/dropdown-menu.tsx

Source