Dropdown Menu

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

    My Account
  • Profile
  • Billing
  • Settings

Installation 

uvx shadcn_django@latest add dropdown_menu

Usage 

<c-dropdown-menu>
    <c-button variant='outline'>
        <c-dropdown-menu.trigger>Open</c-dropdown-menu.trigger>
    </c-button>
    <c-dropdown-menu.content class='w-56'>
        <c-dropdown-menu.label>My Account</c-dropdown-menu.label>
        <c-dropdown-menu.separator />
        <c-dropdown-menu.item>Profile</c-dropdown-menu.item>
        <c-dropdown-menu.item>Billing</c-dropdown-menu.item>
        <c-dropdown-menu.separator />
        <c-dropdown-menu.item>Settings</c-dropdown-menu.item>
    </c-dropdown-menu.content>
</c-dropdown-menu>