1.0.0 • Published 4 years ago
@feizheng/react-progress v1.0.0
react-progress
Progress for react.
installation
npm install -S @feizheng/react-progress
update
npm update @feizheng/react-progress
properties
property | type | default | description |
---|---|---|---|
className | String | - | - |
value | Number | 0 | - |
max | Number | 100 | - |
color | String | #419bf9 | - |
usage
import css
@import "~@feizheng/react-progress/dist/style.scss"; // customize your styles: $react-progress-options: ()
import js
import ReactProgress from '../src/main'; import ReactDOM from 'react-dom'; import React from 'react'; import './assets/style.scss'; class App extends React.Component { get items() { return Array.from(Array(10).keys()); } render() { return ( <div className="app-container"> <h3> <center>Progress bar</center> </h3> {this.items.map((item) => { return <ReactProgress key={item} value={item * 10 + 10} />; })} </div> ); } } ReactDOM.render(<App />, document.getElementById('app'));
documentation
1.0.0
4 years ago