File tree Expand file tree Collapse file tree 4 files changed +16
-5
lines changed Expand file tree Collapse file tree 4 files changed +16
-5
lines changed Original file line number Diff line number Diff line change 5555- Fine tune ` Atom ` and ` Commet ` indicators.
5656- Code refactor.
5757- Tree-shaking optimization.
58+
59+ # 0.1.1
60+
61+ - Update readme
Original file line number Diff line number Diff line change 11# react-loading-indicators
22
3- A _ light -weight library _ providing a _ collection of easy to use loading indicators _ for your React projects. Waiting for a response has to be fun🥳 .
3+ A light -weight component library providing _ loading indicators _ to bestow elegance in waiting for a response from your React project .
44
5- Built with Typescript. Compatible with ** react version >=16.8.0** .
5+ Built with Typescript. Compatible with ** react version >=16.8.0** (since hooks) .
66
7- View [ DEMO] ( https://react-loading-indicators.netlify.app/ ) .
7+ ## A demo speaks a thousand languages
8+
9+ A glimpse of what is wrapped🎁.<br />
10+ See [ DEMO] ( https://react-loading-indicators.netlify.app/ ) .
811
912## Installation
1013
@@ -24,10 +27,14 @@ yarn add react-loading-indicators
2427< Atom / >
2528< Commet / >
2629< CircularProgress / > // Default import
30+ < GlidingBlink / >
2731< FourSquare / >
2832< Mosaic / >
33+ < Pulse / >
34+ < Twist / >
2935< Riple / >
3036< Seek / >
37+ < Slab / >
3138
3239```
3340
Original file line number Diff line number Diff line change 11{
22 "name" : " react-loading-indicators" ,
3- "version" : " 0.1.0 " ,
3+ "version" : " 0.1.1 " ,
44 "description" : " Simply elegant light-weight loading indicators for react applications" ,
55 "scripts" : {
66 "prebuild" : " rm -rf dist" ,
Original file line number Diff line number Diff line change @@ -39,7 +39,7 @@ const Pulse = (props: PulseProps) => {
3939 const pathEl : SVGPathElement = svgPathRef . current ;
4040 const parentSvgEl : HTMLElement | null = pathEl . parentElement ;
4141 const pathLength : number = pathEl . getTotalLength ( ) ;
42- console . log ( "SVG PATH LENGTH: " , pathLength ) ;
42+ // console.log("SVG PATH LENGTH: ", pathLength);
4343
4444 const pathLengthRepeats = pathLength / 2 ;
4545 const dashArray = pathLengthRepeats * 0.94 ;
You can’t perform that action at this time.
0 commit comments