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 <[email protected]>](https://github.com/alex marcos <[email protected]>)