Scrolling Text

Dinaminis fono komponentas, kuris nustatytu intervalu cikliškai peržiūri tekstų sąrašą.

Parinktys

• text | (string|array<string>): rodomas tekstas arba tekstų sąrašas. Default: [].
• loop | boolean: nurodo, ar procesas turi būti rodomas be galo.. Default: false.
• direction | string: teksto srauto kryptis (į kairę, į dešinę, į viršų, į apačią, į viršų, į apačią, į apačią, į fokusavimą arba į sūkurį).. Default: 'right'.
• hold | number: laikas, kurį tekstas nejuda (sekundėmis). Default: 5.
• wait | number: laikas iki naujo teksto gavimo (sekundėmis).. Default: 3.
• inTime | number: įėjimo efekto laikas (sekundėmis). Default: 1.
• outTime | number: išėjimo efekto laikas (sekundėmis). Default: 1.
• className | string: klasės pavadinimas. Default: ''.
• style | object: teksto CSS stiliai. Default: {}.

Pavyzdžiai

• Minimal
• List of Texts
• Background Image

Tiesioginis redaktorius

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

Rezultatas

ReferenceError: Provider is not defined