Usage

<script setup lang="ts">
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "wedges-vue";
</script>

<template>
  <DropdownMenu>
    <DropdownMenuTrigger>Open</DropdownMenuTrigger>
    <DropdownMenuContent>
      <DropdownMenuLabel>My Account</DropdownMenuLabel>
      <DropdownMenuSeparator />
      <DropdownMenuItem>Profile</DropdownMenuItem>
      <DropdownMenuItem>Billing</DropdownMenuItem>
      <DropdownMenuItem>Team</DropdownMenuItem>
      <DropdownMenuItem>Subscription</DropdownMenuItem>
    </DropdownMenuContent>
  </DropdownMenu>
</template>

API Reference

DropdownMenu

Extends the Radix Dropdown Menu Root primitive.

DropdownMenuTrigger

Extends the Radix Dropdown Menu Trigger primitive.

DropdownMenuPortal

Extends the Radix Dropdown Menu Portal primitive.

DropdownMenuContent

Extends the Radix Dropdown Menu Content primitive with custom configuration.

DropdownMenuItem

Extends the Radix Dropdown Menu Item primitive with custom configuration.

DropdownMenuGroup

Extends the Radix Dropdown Menu Group primitive.

DropdownMenuLabel

Extends the Radix Dropdown Menu Label primitive with custom styling.

DropdownMenuCheckboxItem

Extends the Radix Dropdown Menu Checkbox Item primitive with custom configuration.

DropdownMenuRadioGroup

Extends the Radix Dropdown Menu Radio Group primitive.

DropdownMenuRadioItem

Extends the Radix Dropdown Menu Radio Item primitive with custom configuration.

DropdownMenuSeparator

Extends the Radix Dropdown Menu Radio Separator primitive with custom styling.

DropdownMenuSub

Extends the Radix Dropdown Menu Sub primitive with custom configuration.

DropdownMenuSubTrigger

Extends the Radix Dropdown Menu SubTrigger primitive with custom configuration.

DropdownMenuSubContent

Extends the Radix Dropdown Menu SubContent primitive with custom configuration.

Examples

John Doe