Scrolling Text

Динамичен фонов компонент, който преминава през списък с текстове на определен интервал от време.

Опции

• text | (string|array<string>): текст или списък от текстове, които да се показват. Default: [].
• loop | boolean: указва дали процесът ще се показва безкрайно. Default: false.
• direction | string: посоката на движение на текста (right, left, нагоре, надолу, проследяване, фокус или вълнение). Default: 'right'.
• hold | number: времето, за което текстът остава неподвижен (в секунди). Default: 5.
• wait | number: времето преди пристигането на нов текст (в секунди). Default: 3.
• inTime | number: време на входния ефект (в секунди). Default: 1.
• outTime | number: време на ефекта на излизане (в секунди). Default: 1.
• className | string: име на класа. Default: ''.
• style | object: CSS стилове на текста. Default: {}.

Примери

• Minimal
• List of Texts
• Background Image

Редактор в реално време

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

Резултат

ReferenceError: Provider is not defined