Cubic Bezier Curve editor made with React & SVG
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example
src
.gitignore
LICENSE
README.md
package.json

README.md

bezier-easing-editor

Cubic Bezier Curve editor made with React & SVG.

Example

(click to open)

Controlled / Uncontrolled Component

bezier-easing-editor allows to be Controlled: you have to provide value and an onChange handler to enable the edition.

<BezierEditor value={this.state.val} onChange={val => this.setState({ val })} />

bezier-easing-editor allows to be Uncontrolled: just define a defaultValue:

<BezierEditor defaultValue={[0.2, 0.2, 0.8, 0.8]} onChange={console.log.bind(console)} />

See also