Cubic Bezier Curve editor made with React & SVG
JavaScript HTML CSS
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example update libs May 25, 2017
src update libs May 25, 2017
.gitignore update project to latest libs & better build approach Nov 19, 2016
LICENSE gplv3 Apr 13, 2015
README.md Update README.md Mar 30, 2015
package.json 0.7.0 May 25, 2017

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