Saltar al contenido

App

Aloja los modales programáticos sin cambiar la estructura visual de tu aplicación.

Un host en la raíz

UIApp representa el contenido de su snippet y la pila de modales del manager. No genera un contenedor visual adicional. Úsalo una sola vez alrededor del outlet.

app/app.meeko meeko
<!-- app/app.meeko -->
<template>
  <UIApp>
    <MeekoOutlet />
  </UIApp>
</template>

Contrato

No tiene props ni eventos públicos. Requiere el snippet default. El plugin registrado por @meekojs/ui proporciona el contexto; no necesitas crear un plugin propio ni llamar a provideModal.

useModal() abre componentes cuyo nombre empieza por Modal, con las props del registro de componentes de tu aplicación. useModalInstance() cierra la instancia actual con un resultado o la descarta.

Dentro de un componente ts
const modal = useModal()

// Invoca esta función desde una acción del usuario.
async function confirm() {
  const accepted = await modal.open<boolean>('ModalConfirm', {
    message: '¿Quieres confirmar esta acción?',
  })
  // boolean | undefined: descartar devuelve undefined.
  return accepted
}

Consulta la guía de Modal para el componente de confirmación, los tamaños y los cierres protegidos.

¿Te sirvió esta página?

Añadir un comentario

Se envía al elegir «Sí» o «No». Solo se guardan la página, tu respuesta y el comentario: ni cookies ni datos tuyos.

0 de 2000 caracteres