Scrolling Text

Ένα δυναμικό στοιχείο φόντου που ανακυκλώνει μια λίστα κειμένων σε ένα καθορισμένο χρονικό διάστημα.

Επιλογές

• text | (string|array<string>): κείμενο ή λίστα κειμένων που θα εμφανιστούν. Default: [].
• loop | boolean: υποδεικνύει αν η διαδικασία θα εμφανίζεται απεριόριστα. Default: false.
• direction | string: η κατεύθυνση της ροής του κειμένου (είτε left, right, top, bottom, "παρακολούθηση", "εστίαση" ή "στροβιλισμός"). 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

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

Αποτέλεσμα

ReferenceError: Provider is not defined