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

Navigation