1.0.4 • Published 7 years ago
@rodrigowpl/react-progress v1.0.4
react-progress
Beautiful progress bar with React
You can see running example: https://rodrigowp.github.io/react-progress/

Installation
for npm users
npm i --save @rodrigowpl/react-progressfor yarn users
yarn add @rodrigowpl/react-progressSimple usage
import { Progress } from '@rodrigowpl/react-progress'
<Progress />Custom usage
<Progress
backgroundColor='#fcdfdf'
progressColor='#f9575b'
height={10}
/>Props
| Property | Type | Default | Description |
|---|---|---|---|
| backgroundColor | string | transparent | Set background color to wrapper element |
| progressColor | string | #6197c6 | Set progress bar background color |
| height | number | 3 | Set progress bar height |
| position | string | absolute | Set progress bar layout position |
| fromTop | number | 0 | Set progress position from parent top |
Contributing
Dependencies:
- Node.js
>=v8;
Up and running
- Install dependencies:
yarn(ornpm i); - Run
yarn storybook(ornpm run storybook) to storybook onhttp://localhost:6006 - Run
yarn storybook:build(ornpm run storybook:build) for docs build (files will be) generated in thedocsdirectory) - Run
yarn build(ornpm run build) for production build (files will be generated in thedistdirectory)
Scripts
yarn build (or npm run build): Build project to productionyarn storybook (or npm run storybook): Run Storybook on6006portyarn storybook:build: Build Storybook to static filesnpm run pub: Publish to npm
License
MIT © Rodrigo Wippel