AlertifyLib

Una librería ligera y personalizable en JavaScript para mostrar alertas con iconos y funcionalidad de cierre automático. Las alertas se pueden crear y mostrar fácilmente con varios estilos según el tipo (éxito, advertencia, información, peligro, oscuro).

Características

• Muestra diferentes tipos de alertas (éxito, advertencia, información, peligro, oscuro).
• Cierre automático de las alertas después de un tiempo determinado (3 segundos).
• Iconos personalizables según el tipo de alerta.
• Las alertas se apilan verticalmente y están centradas en la pantalla.
• Opción de cerrar las alertas manualmente.
• Integración sencilla en tus proyectos web.

Instalación

Puedes instalar esta librería usando npm o utilizarla directamente a través de un CDN.

Uso

Una vez instalada, puedes importar la librería en tu proyecto JavaScript y usar la función createAlert para crear y mostrar las alertas.

Tipos de Alerta

La función createAlert acepta dos parámetros:

• type: El tipo de alerta (cadena de texto). Los valores posibles son:

  • 'success': Fondo verde con un icono de check.
  • 'warning': Fondo amarillo con un icono de exclamación.
  • 'info': Fondo azul con un icono de círculo de información.
  • 'danger': Fondo rojo con un icono de círculo de cruz.
  • 'dark': Fondo oscuro con un icono de círculo de pregunta.

• message: El mensaje que se mostrará en la alerta (cadena de texto).

Personalización

Puedes personalizar los estilos de las alertas modificando el archivo styles.css que viene incluido en el paquete. También puedes sobrescribir estos estilos con tu propio CSS personalizado.

Cierre Automático

Las alertas desaparecerán automáticamente después de 3 segundos. Sin embargo, todavía podrás cerrarlas manualmente haciendo clic en el botón de cierre.

Si prefieres que la alerta no se cierre automáticamente, puedes eliminar o ajustar la función de temporizador dentro de la librería.

Contribuciones

¡Siéntete libre de hacer un fork de este proyecto, abrir problemas y enviar pull requests! ¡Tus contribuciones son bienvenidas!

Licencia

Este proyecto está bajo la Licencia MIT - consulta el archivo LICENSE para más detalles.