Dropdown MenuDisplays a menu to the user — such as a set of actions or functions — triggered by a button.

Install the component from your command line.

npm install @raystack/apsara

Anatomy

Import all parts and piece them together.

import { DropdownMenu } from '@raystack/apsara'

<DropdownMenu>
  <DropdownMenu.Trigger asChild>
    <Button variant="secondary" outline>Dropdown button</Button>
  </DropdownMenu.Trigger>
  <DropdownMenu.Content align="end">
    <DropdownMenu.Group>
      <DropdownMenu.Item>Cell Item</DropdownMenu.Item>
      <DropdownMenu.Item>Cell Item</DropdownMenu.Item>
      <DropdownMenu.Item>Cell Item</DropdownMenu.Item>
    </DropdownMenu.Group>
  </DropdownMenu.Content>
</DropdownMenu>