Primeros Pasos
Oura.js es una librería de notificaciones premium, ligera y con estética glassmorphism para la web moderna.
Instalación
Instala el paquete usando tu gestor de paquetes favorito:
bash
npm install oura-uiO vía CDN:
html
<script src="https://unpkg.com/oura-ui/dist/oura.js"></script>
<link rel="stylesheet" href="https://unpkg.com/oura-ui/dist/style.css" />Uso Básico
Importa Oura y dispara tu primera notificación:
javascript
import Oura from 'oura-ui';
// Un simple toast de éxito
Oura.success('¡Instalación completada!');
// O un modal más complejo
Oura.fire({
title: '¡Bienvenido!',
text: 'Gracias por elegir Oura.js',
icon: 'success',
});Características Principales
- Glassmorphism: Estética moderna con desenfoque de fondo y bordes sutiles.
- Zero Dependencies: Sin librerías externas, ligero y rápido.
- Dark Mode: Soporte nativo para temas claros y oscos.
- Accesibilidad: Navegación por teclado y roles ARIA automáticos.
- Gestos: Compatible con gestos táctiles (swipe to dismiss).