Client control

DropdownMenu API

DropdownMenu provides a small command surface for grouped links and actions without pulling in a large UI dependency.

Preview components

Open the component docs to see examples, combinations, and usage patterns built on top of this API.

Preview

import { DropdownContent, DropdownItem, DropdownMenu, DropdownTrigger } from "@axonyx/react/client";

Prop	Type	Default	Description
align	"start" \| "end"	"end"	Controls whether the menu opens from the left or right edge of the trigger.
href	string	undefined	Turns DropdownItem into a menu link.
onClick	() => void	undefined	Runs an action item and closes the menu.
className	string	undefined	Extra class for DropdownItem.
icon / meta / tone	ReactNode / ReactNode / "default" \| "danger"	undefined / undefined / "default"	Adds richer admin menu rows and destructive styling.

.ax-dropdown
.ax-dropdown__trigger
.ax-dropdown__menu
.ax-dropdown__label
.ax-dropdown__separator
.ax-dropdown__item
[data-align]
[aria-expanded]

Small menus first

Use DropdownMenu for concise command sets. Large navigations should stay visible or use a drawer.