Scrolling Text

Dynamiczny element tła, który przechodzi cyklicznie przez listę tekstów w określonym odstępie czasu.

Opcje

• text | (string|array<string>): tekst lub lista tekstów do wyświetlenia. Default: [].
• loop | boolean: wskazuje, czy proces powinien być wyświetlany w nieskończoność. Default: false.
• direction | string: kierunek przepływu tekstu (lewy, prawy, w górę, w dół, śledzenie, ogniskowanie, lub wirowanie). Default: 'right'.
• hold | number: czas, przez jaki tekst pozostaje nieruchomy (w sekundach). Default: 5.
• wait | number: czas do nadejścia nowego tekstu (w sekundach). Default: 3.
• inTime | number: czas efektu wejścia (w sekundach). Default: 1.
• outTime | number: czas efektu wyjścia (w sekundach). Default: 1.
• className | string: nazwa klasy. Default: ''.
• style | object: Style CSS tekstu. Default: {}.

Przykłady

• Minimal
• List of Texts
• Background Image

Edytor na żywo

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

Wynik

ReferenceError: Provider is not defined