0.0.0-development • Published 4 years ago

react-arc-text-fix v0.0.0-development

Weekly downloads
20
License
MIT
Repository
github
Last release
4 years ago

react-arc-text

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

NPM licence Build Status JavaScript Style Guide semantic-release

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

ParameterTypeDefaultDescription
textstringText you want to curve
arcnumber150Angle you want to curve
directionnumber11 is clockwise mode and -1 is counter-clockwise mode
classstringto add class into Component

Author

Alex Marcos Gutierrez

License

MIT © alex marcos <alexsbd1@gmail.com>(https://github.com/alex marcos <alexsbd1@gmail.com>)