Toldo, componente React para mostrar modales

Componentes
ToldoVisitar sitio web

Toldo es un componente de React diseñado para mostrar modales o anuncios de manera moderna y no intrusiva en aplicaciones web. Con una interfaz limpia y personalizable, Toldo se convierte en una excelente opción para destacar mensajes importantes, promociones, o información clave en tu sitio web.

Características principales de Toldo

  1. Diseño minimalista:
    Toldo apuesta por una estética sencilla y profesional, que se integra perfectamente en cualquier diseño de interfaz sin ser intrusivo.

  2. Totalmente personalizable:
    Puedes ajustar el contenido, los colores, los estilos y el comportamiento del componente para que coincida con la identidad visual de tu proyecto.

  3. Fácil integración:
    Diseñado específicamente para React, es muy sencillo de implementar en cualquier proyecto. Con unas pocas líneas de código puedes tenerlo funcionando en tu aplicación.

  4. Interacción intuitiva:
    Ofrece opciones para que los usuarios interactúen con el banner, como la posibilidad de cerrarlo o redirigir a enlaces específicos.

Ejemplo básico de uso

Integrar Toldo en tu aplicación React es rápido y sencillo. Aquí tienes un ejemplo básico:

import Toldo from 'toldo';

function App() {
  return (
    <div>
      <Toldo
        message="¡Descubre nuestras ofertas especiales!"
        actionText="Saber más"
        onAction={() => window.location.href = '/ofertas'}
        dismissible={true}
      />
    </div>
  );
}

export default App;

En este ejemplo:

  • El banner muestra un mensaje promocional.

  • Incluye un botón de acción que redirige al usuario a una página específica.

  • Es descartable (dismissible), lo que significa que el usuario puede cerrarlo.

#react