Files
oa/documentation/dropdown/dropdown-documentation.md
2025-05-24 01:49:48 +09:00

2.3 KiB

VDropdown

You can use a <VDropdown /> component to display a menu that will hold your options. pass the right prop to the component to align it to the right instead of left, which is the default. Use the up prop to make it a dropup.

<template>
  <VDropdown
    title="Dropdown button"
    right
    up
  >
    <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