react-arc-text-fixed

0.0.0-development • Public • Published

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

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 <alexsbd1@gmail.com>

Package Sidebar

Install

npm i react-arc-text-fixed

Weekly Downloads

1

Version

0.0.0-development

License

MIT

Unpacked Size

7.19 kB

Total Files

4

Last publish

Collaborators

  • lucasmrdt