# Dropdown Menu Displays a menu to the user such as a set of actions or functions triggered by a button. [Docs](https://bits-ui.com/docs/components/dropdown-menu) [API Reference](https://bits-ui.com/docs/components/dropdown-menu#api-reference) ```svelte {#snippet child({ props })} {/snippet} My Account Profile P Billing B Settings S Keyboard shortcuts K Team Invite users Email Message More... New Team +T GitHub Support API Log out Q ``` ## Installation ```bash pnpm dlx shadcn-svelte@latest add dropdown-menu ``` ```bash npx shadcn-svelte@latest add dropdown-menu ``` ```bash bun x shadcn-svelte@latest add dropdown-menu ``` ## Usage ```svelte Open My Account Profile Billing Team Subscription ``` ## Examples ### Checkboxes ```svelte {#snippet child({ props })} {/snippet} Appearance Status Bar Activity Bar Panel ``` ### Radio Group ```svelte {#snippet child({ props })} {/snippet} Panel Position Top Bottom Right ``` ## Changelog ### 2024-10-30 Classes for DropdownMenu.SubTrigger - Added `gap-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0` to the `` to automatically style icon inside the dropdown menu sub trigger. - Removed `size-4` from the icon inside the `` since it is now handled by the parent `` .