Skip to content

mikemajara/react-typical

 
 

Repository files navigation

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

About

React typing animation in ~400 bytes 🐑 of JavaScript.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 48.7%
  • HTML 45.4%
  • CSS 5.9%