Scrolling Text

Dynaaminen taustakomponentti, joka käy läpi luettelon teksteistä määritetyin väliajoin.

Vaihtoehdot

• text | (string|array<string>): teksti tai luettelo näytettävistä teksteistä. Default: [].
• loop | boolean: ilmoittaa, näytetäänkö prosessi loputtomasti.. Default: false.
• direction | string: tekstin kulun suunta (joko "vasemmalle", "oikealle", "ylös", "alas", "seuranta", "fokus" tai "pyörre").. Default: 'right'.
• hold | number: aika, jonka teksti pysyy paikallaan (sekunteina).. Default: 5.
• wait | number: aika ennen uuden tekstin saapumista (sekunteina).. Default: 3.
• inTime | number: sisääntulovaikutuksen aika (sekunteina). Default: 1.
• outTime | number: poistumisvaikutuksen aika (sekunteina). Default: 1.
• className | string: luokan nimi. Default: ''.
• style | object: Tekstin CSS-tyylit. Default: {}.

Esimerkkejä

• Minimal
• List of Texts
• Background Image

Live Editor

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

Tulos

ReferenceError: Provider is not defined