Component

DropdownMenu

Desktop menu for compact command lists.

React4 props

PreviewReact

Imports

import { DropdownMenu } from "@hozorica/hods-react/dropdown-menu";

Props

PropTypeDescription

open / defaultOpenbooleanRoot visibility state.

labelReactNodeOptional group label.

prefixIcon / suffixReactNodeMenu item slots.

toneneutral | criticalMenu item semantic tone.

Platform Support

React

Popover-based menu with grouped command items.

React Native

Use MenuSheet for bottom-sheet menu behavior.

Usage

<DropdownMenuRoot><DropdownMenuTrigger><button>More</button></DropdownMenuTrigger><DropdownMenuContent><DropdownMenuItem>Edit</DropdownMenuItem></DropdownMenuContent></DropdownMenuRoot>

Notes

Use DropdownMenu for command choices near a button.
Use MenuSheet for mobile-first action sheets.