💻 useTypingHeadlines

React hook designed to display animated headlines

Installation

``
npm install use-typing-headlines
`

Usage

$3

src="images/one-headline-preview.gif"
alt="One headline preview"
height="60"
/>

`tsx
import { useTypingHeadlines } from 'use-typing-headlines';

const Component = () => {
const [headline] = useTypingHeadlines([
'First you see this',
'Then you see this',
'Lastly, this',
]);

return

{headline}

`tsx
const Component = () => {
const [headlineOne] = useTypingHeadlines([
'Peanut Butter',
'Copy',
'Barb',
'Arts',
]);

const [headlineTwo] = useTypingHeadlines([
'Jelly',
'Paste',
'Star',
'Crafts',
]);

return


{headlineOne} &

{headlineTwo}_


`tsx
const Component = () => {
const [headlineLive, headlineStatic] = useTypingHeadlines([
'This text will be tranlated for screen readers',
'Updating one full word at a time ...',
]);

return <>



{headlineLive}