3.2.0 • Published 6 years ago
react-progress-line v3.2.0
react-lineto
Draw a progress line between two elements in React.
Getting Started
yarn install
yarn run demoBrowse to localhost:4567.
Example
import { Line } from 'react-lineto';
function render() {
return (
<Line x0={0} y0={0} x1={10} y1={10} />
);
}Properties
| Name | Type | Description | Example Values |
|---|---|---|---|
| borderColor | string | Border color | #f00, red, etc. |
| borderStyle | string | Border style | solid, dashed, etc. |
| borderWidth | number | Border width (px) | |
| className | string | Desired CSS className for the rendered element | |
| within | string | CSS class name of the desired container | |
| x0* | number | First X coordinate | |
| x1* | number | Second X coordinate | |
| y0* | number | First Y coordinate | |
| y1* | number | Second Y coordinate | |
| zIndex | number | Z-index offset | |
| innerColor | string | Progress Bar Color | #00ff00, etc. |
* Required
Release Checklist
- Bump version in
package.json - Update
CHANGELOG.md - Run
yarn buildor./scripts/update - Create version commit (ex. "2.0.0")
- Create matching tag (ex. "2.0.0")
- Push
masterbranch and tags to origin - Verify Travis CI published NPM package