Scrolling Text

O componentă dinamică de fundal care parcurge o listă de texte la un interval specificat.

Opțiuni

• text | (string|array<string>): text sau listă de texte care urmează să fie afișate. Default: [].
• loop | boolean: indică dacă procesul trebuie să fie afișat la infinit. Default: false.
• direction | string: direcția de curgere a textului (fie left, left, right, up, down, tracking, focus, sau swirl). Default: 'right'.
• hold | number: timpul în care textul rămâne nemișcat (în secunde). Default: 5.
• wait | number: timpul până la sosirea unui nou text (în secunde). Default: 3.
• inTime | number: timpul efectului de intrare (în secunde). Default: 1.
• outTime | number: timpul efectului de ieșire (în secunde). Default: 1.
• className | string: numele clasei. Default: ''.
• style | object: Stiluri CSS ale textului. Default: {}.

Exemple

• Minimal
• List of Texts
• Background Image

Editor live

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

Rezultat

ReferenceError: Provider is not defined