Create Curved Textual content In React

A extremely customizable React element to create curved textual content in your purposes.

The way to use it:

1. Set up and import the ReactCurvedText element.

# Yarn
$ yarn add react-curved-text

# NPM
$ npm i react-curved-text

import ReactCurvedText from "react-curved-text";

2. Add the ReactCurvedText to the app and outline the textual content as follows:

const MyComponent = () => {
  return (
    <ReactCurvedText
      textual content="ReactScriptCom"
    />
  );
};

3. Customise the curved textual content.

<ReactCurvedText
  width={370}
  peak={300}
  cx="196"
  cy="204"
  rx={100}
  ry={100}
  startOffset={20}
  reversed={true}
  textual content="ReactScriptCom"
  textProps={{ type: { fontSize: '25' } }}
  tspanProps={{ dy: '-20' }}
/>

Preview:

Obtain Particulars:

Writer: obss

Dwell Demo: View The Demo

Obtain Hyperlink: Obtain The Supply Code

Official Web site: https://github.com/obss/react-curved-text

License: MIT