Dropdown Menu

A dropdown menu is a list of actions or options that can be triggered by clicking a button or other element.

Import

import { DropdownMenu } from "@aeonkit/react";

Usage

Default

Preview
Code

<DropdownMenu>
  <DropdownMenu.Trigger asChild>
    <Button size="xs">Open Menu</Button>
  </DropdownMenu.Trigger>
  <DropdownMenu.Content>
    <DropdownMenu.Label>My Account</DropdownMenu.Label>
    <DropdownMenu.Separator />
    <DropdownMenu.Item>Profile</DropdownMenu.Item>
    <DropdownMenu.Item>Billing</DropdownMenu.Item>
    <DropdownMenu.Item>Team</DropdownMenu.Item>
    <DropdownMenu.Item>Subscription</DropdownMenu.Item>
  </DropdownMenu.Content>
</DropdownMenu>

Props

API Interface: DropdownMenuProps

API Interface: DropdownMenuContentProps

API Interface: DropdownMenuItemProps

API Interface: DropdownMenuLabelProps

API Interface: DropdownMenuSeparatorProps

API Interface: DropdownMenuTriggerProps