https://github.com/gabrielbs/react-placeholder-loading
A simple component to create loading placeholders without write any SVG line
https://github.com/gabrielbs/react-placeholder-loading
loading-indicator react react-loadingoverlay reactjs skeleton-loading svg ui-components
Last synced: 9 months ago
JSON representation
A simple component to create loading placeholders without write any SVG line
- Host: GitHub
- URL: https://github.com/gabrielbs/react-placeholder-loading
- Owner: gabrielbs
- License: mit
- Created: 2019-12-19T20:12:01.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-09-12T00:51:00.000Z (over 1 year ago)
- Last Synced: 2025-03-27T18:21:31.472Z (about 1 year ago)
- Topics: loading-indicator, react, react-loadingoverlay, reactjs, skeleton-loading, svg, ui-components
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/react-placeholder-loading
- Size: 2.28 MB
- Stars: 13
- Watchers: 1
- Forks: 4
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
A simple component to create loading placeholders without write any SVG line
## Instalation
```
npm i react-placeholder-loading --save
```
## Usage
```jsx
import PlaceholderLoading from 'react-placeholder-loading'
const Example = () => (
)
```
## Props
- shape: *'rect' | 'circle'*
- width: *number*
- height: *number*
- colorStart?: *string*
- colorEnd?: *string*
## Inspiration
This component was created inspired by https://github.com/danilowoz/react-content-loader. If you want to have more flexibility creating your own SVGs or even using some preseted ones, this is the one.
This lib was built for you that just dont want to concern about SVG syntax right now.