ReactTypewriter

〰 ⌨️ 〰 React Typewriter 〰 ⌨️ 〰

React Typewriter adalah komponen sederhana yang memungkinkan Anda membuat efek "mesin tik" yang bagus untuk teks apa pun dengan hanya memohon komponen. Coba pada codesandbox.io.

Instalasi

npm i react-ts-typewriter

Contoh penggunaan

 import Typewriter from 'react-ts-typewriter' ;

export default function myComponent ( ) {
    return (
        < h1 >
            < Typewriter text = 'Hello' />
        </ h1 >
    )
} 

Alat peraga

Nama prop	Jenis	Keterangan	Diperlukan	Bawaan
teks	String | rangkaian[]	Teks untuk ditampilkan sebagai string atau array string	BENAR
kecepatan	nomor	Berapa lama (dalam ms) typewriter menunggu setelah mengetik satu karakter	PALSU	30ms
lingkaran	Boolean	Diatur ke true jika mesin tik harus berputar setelah selesai mengetik string	PALSU	PALSU
acak	nomor	MS dari keacakan yang harus ditambahkan setelah setiap penekanan tombol. Jika diatur ke nol maka setiap stroke akan secara ketat akan mengambil speed ms untuk diselesaikan	PALSU	30ms
menunda	nomor	MS untuk menunggu setelah memenuhi kata tersebut. Tidak berguna jika loop diatur ke false atau teks bukan array	PALSU	30ms
kursor	Boolean	Setel ke false jika mesin tik tidak boleh membuat karakter kursor yang berkedip di akhir string	PALSU	BENAR
Onfinished	Fungsi	Fungsi panggilan balik setelah animasi mesin tik selesai, tidak pernah memicu jika loop benar	PALSU	() => batal
Mulai	Fungsi	Fungsi Callback Sebelum Animasi Mesin Tekik dimulai pada setiap string	PALSU	() => batal