Scrolling Text

En dynamisk baggrundskomponent, der gennemløber en liste med tekster med et bestemt interval.

Indstillinger

• text | (string|array<string>): tekst eller liste over tekster, der skal vises. Default: [].
• loop | boolean: angiver, om processen skal vises i det uendelige. Default: false.
• direction | string: retningen af tekststrømmen (enten venstre, højre, op, ned, sporing, fokus eller swirl). Default: 'right'.
• hold | number: den tid, som teksten står stille (i sekunder). Default: 5.
• wait | number: tiden, før der kommer en ny tekst (i sekunder). Default: 3.
• inTime | number: tid for indgangseffekten (i sekunder). Default: 1.
• outTime | number: tidspunktet for exit-effekten (i sekunder). Default: 1.
• className | string: klassens navn. Default: ''.
• style | object: CSS-stilarter for teksten. Default: {}.

Eksempler

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

Resultat

ReferenceError: Provider is not defined