{"repo":"jason89521/react-typist-component","free":true,"listed":false,"github":"https://github.com/jason89521/react-typist-component","clone":"git clone https://github.com/jason89521/react-typist-component.git","description":"A react component to mimic typewriter effect","language":"TypeScript","stars":29,"topics":["react","typewriter","react-component","typist","react-components","reactjs"],"license":"MIT","category":"ui-components","readme_excerpt":"React Typist Component Create typewriter effect by setting up a component's children directly. Install Example API reference Typist children The contents that will be rendered with typewriter effect. It accepts nested elements, so you can easily style your contents. Note that Typist treats the element whose children is null or undefined as a single token. For example: typingDelay Default : 75 The delay after typing a token. If you pass in a function, Typist will call the function after typing a token and use the return value as the delay. backspaceDelay Default : typingDelay The delay after backspacing a token. If you pass in a function, Typist will call the function after backspacing a token and use the return value as the delay. loop Default : false Typist will automatically restart the typing animation if this value is true . pause Default : false Set to true if you want to pause the typing animation. startDelay Default : 0 Typist will wait for this delay before starting the typing animation. finishDelay Default : 0 Typist will wait for this delay after finishing the typing animation. onTypingDone This function will be called when the typing animation finishes. It will be called before waiting for the timeout with finishDelay . splitter Default : (str: string) = str.split('') Typist will use this function to get tokens from strings. It may be useful when you want to split your string in different way. For example, you can use grapheme-splitter to split string if your strin","default_branch":null,"files":null,"tree":[],"storefront":"/r/jason89521","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/jason89521/react-typist-component/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}