Dropdown

The Dropdown component provides a customizable dropdown menu with trigger element.

Import

import { Dropdown } from "amvasdev-ui";

Examples

Basic Usage

<Dropdown triggerElement={<span>Menu</span>}>
  <li>
    <a>Profile</a>
  </li>
  <li>
    <a>Settings</a>
  </li>
  <li>
    <a>Logout</a>
  </li>
</Dropdown>

With Unstyled Trigger

<Dropdown
  triggerElement={<span>Custom Trigger</span>}
  unstyledTrigger={true}
  position="right"
>
  <li>
    <a>Option 1</a>
  </li>
  <li>
    <a>Option 2</a>
  </li>
</Dropdown>