xoyimi / react-arc-text

Wrapper Library of arc-text to curve any text font on the web directly with React.

react-arc-text

Wrapper Library of arc-text to curve any text font on the web directly with React.

Install

npm install --save react-arc-text

Examples

Here

Usage

import React, { Component } from 'react'

import ReactArcText from 'react-arc-text'

class Example extends Component {
  private text = '';
  private classFont = '';
  private direction = 1;
  private arc = 150;

  render () {
    return (
      <ReactArcText
        text={text}
        direction={direction}
        arc={arc}
        class={classFont}
        />
    )
  }
}

Params

Parameter	Type	Default	Description
text	string		Text you want to curve
arc	number	150	Angle you want to curve
direction	number	1	1 is clockwise mode and -1 is counter-clockwise mode
class	string		to add class into Component

Author

Alex Marcos Gutierrez

License

MIT © [alex marcos <[e-mail]>](https://github.com/alex marcos <[e-mail]>)