DropdownMenu | DropdownMenuLabel

`DropdownMenuLabel`#

Descripción#

Título de sección para agrupar ítems dentro del menú desplegable.
No es una opción interactiva: usa role="presentation" y cede su id al menú para aria-labelledby.

Props#

No acepta props: es un componente de texto estático.

Uso#

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script setup lang="ts">
import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem } from 'vue-libvasak'
</script>

<template>
  <DropdownMenu>
    <DropdownMenuTrigger as-child>
      <button>Archivo</button>
    </DropdownMenuTrigger>
    <DropdownMenuContent>
      <DropdownMenuLabel>Edición</DropdownMenuLabel>
      <DropdownMenuItem @select="console.log('copiar')">
        Copiar
      </DropdownMenuItem>
      <DropdownMenuItem @select="console.log('pegar')">
        Pegar
      </DropdownMenuItem>
      <DropdownMenuLabel>Exportar</DropdownMenuLabel>
      <DropdownMenuItem @select="console.log('pdf')">
        Exportar como PDF
      </DropdownMenuItem>
    </DropdownMenuContent>
  </DropdownMenu>
</template>