qwik-typewriter

Typewriter effect for Qwik applications

Install

npm install qwik-typewriter

Usage

import { component$ } from '@builder.io/qwik';
import { Typewriter } from "qwik-typewriter";

export default component$(() => {
  return (
    <>
        <p>
          I am a <Typewriter {/* Props */} />
        </p>
    </>
  );
});

Component Props

props	Type	Optional	Description	Default
words	array	Required	Array of strings for the words	ex: ['Hello', 'World']
class	string	Optional	css classname to be set for the component	ex: "text-bold text-red"
typingSpeed	number	Optional	Character typing speed in milliseconds	200
pauseSpeed	number	Optional	Time between words in milliseconds	1000
deleteSpeed	number	Optional	Character deleting speed in milliseconds	150