Scrolling Text

Dünaamiline taustakomponent, mis läbib tekstide nimekirja kindlaksmääratud intervalliga.

Valikud

text | (string|array<string>): kuvatav tekst või tekstide loetelu. Default: [].
loop | boolean: näitab, kas protsess kuvatakse lõpmatult. Default: false.
direction | string: tekstivoo suund (kas "vasakule", "paremale", "üles", "alla", "jälgimine", "fookus" või "keeramine").. Default: 'right'.
hold | number: aeg, mille jooksul tekst püsib paigal (sekundites). Default: 5.
wait | number: aeg enne uue teksti saabumist (sekundites). Default: 3.
inTime | number: sissepääsuefekti aeg (sekundites). Default: 1.
outTime | number: väljumise mõju aeg (sekundites). Default: 1.
className | string: klassi nimi. Default: ''.
style | object: teksti CSS stiilid. Default: {}.

Näited

Minimal
List of Texts
Background Image

Live toimetaja

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

Tulemus

ReferenceError: Provider is not defined

Valikud​

Näited​

Valikud

Näited