1.0.4 • Published 6 years ago

@rodrigowpl/react-progress v1.0.4

Weekly downloads
1
License
MIT
Repository
github
Last release
6 years ago

react-progress

Beautiful progress bar with React

You can see running example: https://rodrigowp.github.io/react-progress/

npm.io

Installation

for npm users

npm i --save @rodrigowpl/react-progress

for yarn users

yarn add @rodrigowpl/react-progress

Simple usage

import { Progress } from '@rodrigowpl/react-progress'

<Progress />

Custom usage

  <Progress
    backgroundColor='#fcdfdf'
    progressColor='#f9575b'
    height={10}
  />

Props

PropertyTypeDefaultDescription
backgroundColorstringtransparentSet background color to wrapper element
progressColorstring#6197c6Set progress bar background color
heightnumber3Set progress bar height
positionstringabsoluteSet progress bar layout position
fromTopnumber0Set progress position from parent top

Contributing

Dependencies:

  • Node.js >= v8;

Up and running

  • Install dependencies: yarn (or npm i);
  • Run yarn storybook (or npm run storybook) to storybook on http://localhost:6006
  • Run yarn storybook:build (or npm run storybook:build) for docs build (files will be) generated in the docs directory)
  • Run yarn build (or npm run build) for production build (files will be generated in the dist directory)

Scripts

  • yarn build (or npm run build): Build project to production
  • yarn storybook (or npm run storybook): Run Storybook on 6006 port
  • yarn storybook:build: Build Storybook to static files
  • npm run pub: Publish to npm

License

MIT © Rodrigo Wippel

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago