React Typist Cycle

A React Component for 'cycling' through React-Typist elements.

Install

npm install react-typist-cycle

Example Usage

<TypistCycle
  content={[
    'First typist *line*', 
    'Second line', 
    'Third line :)'
  ]}
  numberOfCycles={-1} // loop indefinitely
  segmentDelay={0.8} // stop for 0.8s at end line
  className="my-class"
/>

Options

Inherited

React Typist Cycle inherits all of React Typist's props, with the exception of onTypingDone (this is reserved for cycling).

New

React Typist Cycle comes with the following props...

content (REQUIRED)

An array of string objects representing each Typist element to display.

numberOfCycles

Default: 1

How many times to cycle through the values. A negative value will cause the component to cycle through its content infinitely. NOTE: At the end of the specified cycle amount, the component will load the first line again and remain there.

segmentDelay

Default: 0.44

The delay at the end of each line, in seconds.

Licence

MIT