Dropdown

A menu that displays a list of actions or options.

tsx
import { Dropdown } from '@xdev-asia/x-ui-react';
tsx
<Dropdown trigger={<Button>Open Menu</Button>}>
  <DropdownItem onClick={() => {}}>Edit</DropdownItem>
  <DropdownItem onClick={() => {}}>Duplicate</DropdownItem>
  <DropdownDivider />
  <DropdownItem variant="danger">Delete</DropdownItem>
</Dropdown>

Props

  • trigger - Element that triggers the dropdown
  • placement - Menu placement position
  • closeOnSelect - Close on item select