use-hangul-typewriter

react hook for hangul typewriter effect

Live Demo

install

npm install use-hangul-typewriter

peer dependency

• react
• hangul-js

usage

const Typewriter = ({}) => {
  const texts = ['한글 자소를 분리하여 타이핑', '오늘 날씨는 흐림', '봄 여름 가을 겨울'];
  const [text, toggle, reset, pause, resume] = useHangulTypewriter(texts);
  return <span>{text}</span>;
};

parameters

Property	Type	Description	Default
texts	string[]	texts to display	[]
interval	number	interval between typing a character	100
waitingInterval	3000	waiting interval after a single line of text is fully entered and before the line is about to start to erase	3000
caret	string	caret to display	▎