oa/documentation/dropdown/dropdown-button-slot-documentation.md

Context Menu

Vuero's <VDropdown /> component can also be displayed as a context menu holding a single icon. The icon can be whatever you want with the specific icon prop set. Please refer to the markup for more details about usage.

<template>
  <VDropdown icon="lucide:more-vertical">
    <template #content>
      <a href="#" class="dropdown-item"> Dropdown item </a>
      <a href="#" class="dropdown-item"> Other dropdown item </a>
      <a href="#" class="dropdown-item is-active"> Active dropdown item </a>
      <a href="#" class="dropdown-item"> Other dropdown item </a>
      <hr class="dropdown-divider">
      <a href="#" class="dropdown-item"> With a divider </a>
    </template>
  </VDropdown>
</template>

Dropdown item Other dropdown item Active dropdown item Other dropdown item

---

With a divider Dropdown item Other dropdown item Active dropdown item Other dropdown item

---

With a divider Dropdown item Other dropdown item Active dropdown item Other dropdown item

---

With a divider