Modales

Oura ofrece una gran flexibilidad para generar diálogos en el centro de la pantalla, perfectos para advertencias, configuraciones o captura de datos.

Disparar un Modal Personalizado

Usa el método Oura.fire() con un objeto de configuración.

import Oura from 'oura-ui';

Oura.fire({
  title: 'Error de Red',
  text: 'No se puede sincronizar con la base de datos central.',
  icon: 'error',
  confirmButtonText: 'Reintentar Conexión',
});

Confirmar Acción

El método .confirm vincula automáticamente una interfaz de Cancelar y Confirmar.

const result = await Oura.confirm('¿Eliminar Espacio?', 'Esta acción no se puede deshacer.');

if (result.isConfirmed) {
  Oura.success('¡Espacio Terminado!');
} else {
  Oura.info('Acción cancelada.');
}

Captura de Datos (Prompt)

¡Captura la entrada del usuario de forma elegante sin necesidad de estructuras de formulario!

const result = await Oura.prompt(
  'Introduce tu email',
  'Te enviaremos un enlace de restablecimiento',
  'email'
);

if (result.isConfirmed && result.value) {
  Oura.toast(`Enlace enviado a ${result.value}`);
}