rc-bezier

<p align="center"><img width="140" src="https://avatars3.githubusercontent.com/u/76463130?s=200&v=4"></p> <p align="center"> <a href="#"><img alt="npm" src="https://img.shields.io/npm/v/rc-bezier?style=flat-square"></a> <a href="#"><img alt="npm" sr

Usage no npm install needed!

<script type="module">
  import rcBezier from 'https://cdn.skypack.dev/rc-bezier';
</script>

README

rc-bezier

🧷 React bezier component

Install

npm install rc-bezier --save
# or
yarn add rc-bezier

Basic

import {Bezier} from 'rc-bezier';

ReactDOM.render(
  <>
    <div className="block">block 1</div>
    <Bezier />
    <div className="block">block 2</div>
  </>,
  mountNode,
);

It will automatically generate a curve between the two blocks

Examples & Documentation

→ click to site

→ props types file

Stroke

Placement

Mark

Authors

boen