Scrolling Text

Un élément d'arrière-plan dynamique qui parcourt une liste de textes à un intervalle déterminé.

Options

• text | (string|array<string>): texte ou liste de textes à afficher. Default: [].
• loop | boolean: indique si le processus doit être affiché à l'infini. Default: false.
• direction | string: la direction du flux de texte (soit left, right, top, bottom, "à la trace", "au foyer", ou "en rotation"). Default: 'right'.
• hold | number: le temps d'immobilisation du texte (en secondes). Default: 5.
• wait | number: le délai avant l'arrivée d'un nouveau texte (en secondes). Default: 3.
• inTime | number: durée de l'effet d'entrée (en secondes). Default: 1.
• outTime | number: durée de l'effet de sortie (en secondes). Default: 1.
• className | string: nom de la classe. Default: ''.
• style | object: Les styles CSS du texte. Default: {}.

Exemples

• Minimal
• List of Texts
• Background Image

Éditeur en direct

<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
/>

Résultat

ReferenceError: Provider is not defined