Components

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.