Dialog | DialogTitle

DialogTitle#

Descripción#

  • Título del diálogo en h2. Se registra automáticamente en el contexto para que el aria-labelledby del contenido lo apunte.

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

<script setup lang="ts">
import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@vasakgroup/vue-libvasak'
</script>

<template>
  <Dialog v-model:open="open">
    <DialogContent>
      <DialogHeader>
        <DialogTitle>Eliminar archivo</DialogTitle>
      </DialogHeader>
      <!-- contenido -->
    </DialogContent>
  </Dialog>
</template>

Notas#

  • Al desmontarse, deja de nombrar el diálogo para que el siguiente no apunte a un id inexistente.
← Anterior
Dialog | DialogContent
Siguiente →
Dialog | DialogHeader