Skip to content
React typing animation in ~400 bytes 🐑 of JavaScript.
JavaScript HTML CSS
Branch: master
Clone or download

Latest commit

Latest commit 6a9241e Nov 6, 2019

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Create FUNDING Oct 23, 2019
example
src Merge branch 'master' into patch-1 Nov 6, 2019
.babelrc init create-react-library@2.6.7 Oct 21, 2019
.editorconfig init create-react-library@2.6.7 Oct 21, 2019
.eslintrc init create-react-library@2.6.7 Oct 21, 2019
.gitignore
.travis.yml init create-react-library@2.6.7 Oct 21, 2019
README.md Update README.md Oct 24, 2019
package-lock.json 0.1.3 Nov 6, 2019
package.json 0.1.3 Nov 6, 2019
react-typical.gif Add gif example Oct 21, 2019
rollup.config.js init create-react-library@2.6.7 Oct 21, 2019

README.md

react-typical

React Animated typing in ~400 bytes 🐑 of JavaScript.

DEMO

React Typical

Based on awesome typical library by @camwiegert

NPM JavaScript Style Guide

React-Typical - Animated typing without the headaches

Youtube Video Tutorial

react-typing-indicator-thumbnail-v2

Install

npm install --save react-typical

Usage

import React, { Component } from 'react'
import Typical from 'react-typical'

class Example extends React.Component {
  render () {
    return (
      <Typical
        steps={['Hello', 1000, 'Hello world!', 500]}
        loop={Infinity}
        wrapper="p"
      />
    )
  }
}

Properties

prop mandatory type Eg.
steps yes [] ['Hello', 1000, 'World']
wrapper no string 'p'
loop no number 3

License

This library is based on @camwiegert/typical work and it currently is just a wrapper for react.

MIT Β© catalinmiron

You can’t perform that action at this time.