Modal

Diálogo nativo para mostrar contenido relevante sin abandonar la página.

Contrato

  • Usa el elemento nativo <dialog>.
  • El contenido se compone mediante slots.
  • No gestiona su propio estado de visibilidad.
  • Se abre externamente con showModal().
  • Se cierra con el botón interno o vía close().

Uso básico

Título del modal
Contenido principal del modal. Aquí puedes colocar texto, imágenes o cualquier otro elemento.

Con acciones

Las acciones se componen externamente mediante el slot actions. El modal no conoce ni importa componentes de acción.

Confirmar acción
Esta acción no se puede deshacer. ¿Deseas continuar?

Sin título

Contenido sin título. El slot title es opcional.

Antipatrón

No uses Modal para mensajes triviales o decorativos. No pases HTML como string mediante props; usa siempre slots para componer el contenido.