Scrolling Text

Un componente de fondo dinámico que circula por una lista de textos en un intervalo determinado.

Opciones

• text | (string|array<string>): texto o lista de textos a mostrar. Default: [].
• loop | boolean: indica si el proceso se mostrará infinitamente. Default: false.
• direction | string: la dirección del flujo de texto (ya sea left, right, top, bottom, "seguimiento", "enfoque", o "giro"). Default: 'right'.
• hold | number: el tiempo que el texto permanece inmóvil (en segundos). Default: 5.
• wait | number: el tiempo antes de que llegue un nuevo texto (en segundos). Default: 3.
• inTime | number: tiempo del efecto de entrada (en segundos). Default: 1.
• outTime | number: tiempo del efecto de salida (en segundos). Default: 1.
• className | string: nombre de la clase. Default: ''.
• style | object: Estilos CSS del texto. Default: {}.

Ejemplos

• Minimal
• List of Texts
• Background Image

Editor en vivo

<ScrollingText text="This is a text re-appearing every five seconds" style={{ fontSize: 44, color: 'blue' }} wait={5} hold={2} loop />

<ScrollingText
    text="This is a text re-appearing every five seconds"
    style={{ fontSize: 44, color: 'blue' }}
    wait={5}
    hold={2}
    loop
/>

Resultado

ReferenceError: Provider is not defined