react-loader-placeholder
v1.1.11
Published
A React library used to make your loader awesome
Downloads
90
Maintainers
Readme
react-loader-placeholder
Make beautiful, animated loading that easy adapt to your app.
Install
npm install react-loader-placeholder
Principles
The <ReactLoaderPlaceholder>
uses HTML data
attribute for mark items and CSS for style that items.
Usage
- Wrap component or HTML with
<ReactLoaderPlaceholder>
. - Set
loading
prop. - Mark HTML items with
data-react-loader-placeholder={true}
attribute. - ?????
- PROFIT.
If you need to enable or disable not all marked items, just set data-react-loader-placeholder}
to true
or false
.
##Props
The <ReactLoaderPlaceholder>
component props:
- loading
boolean
required - Enable or disable placeholder. - color
string
optional - Background color of placeholder item. - disableAnimation
boolean
optional - Enable or disable animation. - className
string
optional - style
Object
optional