Skip to content
Paramanu v0.1.0-alpha.0

Menu

The Menu component displays a vertical list of actions with support for groups, separators, and destructive items.

Basic Usage

import { Menu, MenuItem, MenuSeparator } from "@paramanu/navigation-react"


export default function App() {
return (
  <Menu>
    <MenuItem>Cut</MenuItem>
    <MenuItem>Copy</MenuItem>
    <MenuItem>Paste</MenuItem>
    <MenuSeparator />
    <MenuItem destructive>Delete</MenuItem>
  </Menu>
)
}
<ul class="pm-menu pm-menu--md" role="menu">
<li class="pm-menu__item" role="menuitem">Cut</li>
<li class="pm-menu__item" role="menuitem">Copy</li>
<li class="pm-menu__item" role="menuitem">Paste</li>
<li class="pm-menu__separator" role="separator"></li>
<li class="pm-menu__item pm-menu__item--destructive" role="menuitem">Delete</li>
</ul>