# react-progress-line

> Draw a progress line between two elements in React.

Latest version **3.2.0** (published 2018-10-29) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-progress-line
pnpm add react-progress-line
yarn add react-progress-line
bun add react-progress-line
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.2.0 |
| Published | 2018-10-29 |
| First published | 2018-10-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 218.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Sreetam Das |
| Maintainers | sreetamdas |

## Links

- npm: https://www.npmjs.com/package/react-progress-line
- Repository: https://github.com/sreetamdas/react-progress-line
- Issues: https://github.com/sreetamdas/react-progress-line/issues
- npm.io page: https://npm.io/package/react-progress-line

## Dependencies (4)

- [react](https://npm.io/package/react.md) 16.6.0
- [react-dom](https://npm.io/package/react-dom.md) 16.6.0
- [prop-types](https://npm.io/package/prop-types.md) 15.6.0
- [babel-polyfill](https://npm.io/package/babel-polyfill.md) 6.26.0

## Recent versions

- 3.2.0 (latest) — 2018-10-29
- 1.0.0 — 2018-10-29

## README

# react-lineto

Draw a progress line between two elements in React.

[![Build Status](https://travis-ci.org/kdeloach/react-lineto.svg?branch=master)](https://travis-ci.org/kdeloach/react-lineto)

## Getting Started

```
yarn install
yarn run demo
```

Browse to [localhost:4567](http://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

1. Bump version in `package.json`
1. Update `CHANGELOG.md`
1. Run `yarn build` or `./scripts/update`
1. Create version commit (ex. "2.0.0")
1. Create matching tag (ex. "2.0.0")
1. Push `master` branch and tags to origin
1. Verify Travis CI published NPM package

---
_Source: https://npm.io/package/react-progress-line · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._