https://github.com/lili21/lollipop-loader

https://github.com/lili21/lollipop-loader

loading react react-component

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/lili21/lollipop-loader
• Owner: lili21
• Created: 2018-04-04T03:20:24.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-04-04T07:15:54.000Z (over 6 years ago)
• Last Synced: 2024-09-19T09:21:45.916Z (about 2 months ago)
• Topics: loading, react, react-component
• Language: JavaScript
• Homepage: https://lili21.github.io/lollipop-loader/
• Size: 2.37 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## lollipop-loader

> React Loading Component

### Installation

```bash

$ yarn add lollipop-loader

```

### Usage

```javascript

import Loading from 'lollipop-loader'

ReactDOM.render(, container)

```

### API

Property | Description | Type | Default

-------- | ----------- | ---- | -------

size | `width` of the `` | Numnber | 36

dash | thickness | Number | 4

color | color of ring | String | mediumseagreen

### Credit

- [svg line animation](https://css-tricks.com/svg-line-animation-works/)

- [svg progress](https://codepen.io/xgad/post/svg-radial-progress-meters)

- [modern google loader](https://www.uplabs.com/posts/modern-google-loader-in-pure-css)