Skip to content

sawm97/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

 
 
 

Contributors

Languages

  • JavaScript 48.3%
  • HTML 45.8%
  • CSS 5.9%