React-cypher-text-loop NPM

React Cypher Text Loop Component

A React component that accepts a list of strings and loops through them with a text cypher transition effect.

Live Demo

Install

npm i react-cypher-text-loop

Usage

import React, { Component } from 'react'

import CypherText from 'react-cypher-text-loop'

class Example extends Component {
  render() {
    return <CypherText textList={['React', 'Cypher', 'Text', 'Loop']} />
  }
}

Properties

Property	Type	Required	Default value	Description
`textList`	array	yes		Array of text to loop through.
`delay`	number	no	800	Delay between switching to the next item.
`placeholders`	string	no	"____-_\/[]{}—=+*^?#!<>"	Characters used for cypher effect when switching between text.

License

@infinitebrahmanuniverse/nolb-react-cy @everything-registry/sub-chunk-2549 @zalastax/nolb-react-cy

1.1.0

4 years ago

1.0.0

4 years ago