React-typo-typingmaster NPM

React Typo Typingmaster

"react-typo-typingmaster" is a React typography library which allows you to use various kind of typography in your project easily.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Installing

A step by step series of examples that tell you how to get a development env running

Say what the step will be

npm install react-typo-typingmaster

And repeat

until finished

End with an example of getting some data out of the system or using it for a little demo

Usage

Import the react-typo-typingmaster module

// ES6
import Typo from 'react-typo-typingmaster'
// ES5
var Typo = require('react-typo-typingmaster').default

Example

import React, { Component } from 'react'

import { Typo } from 'react-typo'

export default class App extends Component {
  render() {
    return (
      <div>
        <Typo type="h1">Heading 1!</Typo>
        <Typo type="h2">Heading 2!</Typo>
        <Typo type="h3">Heading 3!</Typo>
        <Typo type="h4">Heading 4!</Typo>
        <Typo type="h5">Heading 5!</Typo>
        <Typo type="h6">Heading 6!</Typo>
        <Typo type="h7">Heading 7!</Typo>
        <Typo>Print me!</Typo>
      </div>
    )
  }
}