Scrolling Text

Dinamikus háttérkomponens, amely meghatározott időközönként ciklikusan végigfut egy szöveglistán.

Opciók

• text | (string|array<string>): megjelenítendő szöveg vagy szövegek listája. Default: [].
• loop | boolean: azt jelzi, hogy a folyamatot végtelenítve kell-e megjeleníteni.. Default: false.
• direction | string: a szöveg áramlásának iránya (balra, jobbra, fel, le, követés, fókusz vagy örvénylés).. Default: 'right'.
• hold | number: az idő, amíg a szöveg mozdulatlan marad (másodpercben). Default: 5.
• wait | number: az új szöveg megérkezése előtti idő (másodpercben). Default: 3.
• inTime | number: a belépési hatás ideje (másodpercben). Default: 1.
• outTime | number: a kilépési hatás ideje (másodpercben). Default: 1.
• className | string: osztály neve. Default: ''.
• style | object: A szöveg CSS stílusai. Default: {}.

Példák

• Minimal
• List of Texts
• Background Image

Élő szerkesztő

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

Eredmény

ReferenceError: Provider is not defined