Skip to content
Paramanu v0.1.0-alpha.0

Dropdown Menu

The Dropdown Menu displays a list of actions revealed by clicking a trigger button.

Basic Usage

import { Dropdown, DropdownTrigger, DropdownContent } from "@paramanu/navigation-react"


export default function App() {
return (
  <Dropdown open>
    <DropdownTrigger expanded>Options</DropdownTrigger>
    <DropdownContent>
      <div>Edit</div>
      <div>Delete</div>
    </DropdownContent>
  </Dropdown>
)
}
<div class="pm-dropdown pm-dropdown--md pm-dropdown--open">
<button class="pm-dropdown__trigger" aria-haspopup="true" aria-expanded="true">Options</button>
<div class="pm-dropdown__content" role="menu">
  <div role="menuitem">Edit</div>
  <div role="menuitem">Delete</div>
</div>
</div>