Retroui Svelte
Github

Dropdown Menu

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

Docs API Reference Component Source


Installation

npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/dropdown-menu.json


Usage

		<script lang="ts">
 import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
</script>
 
<DropdownMenu.Root>
 <DropdownMenu.Trigger>Open</DropdownMenu.Trigger>
 <DropdownMenu.Content>
  <DropdownMenu.Group>
   <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.Group>
 </DropdownMenu.Content>
</DropdownMenu.Root>

Examples

Checkboxes


Radio Group