react-placeholder
Advanced tools
Comparing version 1.0.4 to 1.0.5
@@ -5,2 +5,9 @@ # Change Log | ||
## [v1.0.5](https://github.com/buildo/react-placeholder/tree/v1.0.5) (2017-06-26) | ||
[Full Changelog](https://github.com/buildo/react-placeholder/compare/v1.0.4...v1.0.5) | ||
#### Fixes (bugs & defects): | ||
- Typo in CSS selector for react-shape animation [#33](https://github.com/buildo/react-placeholder/issues/33) | ||
## [v1.0.4](https://github.com/buildo/react-placeholder/tree/v1.0.4) (2017-06-01) | ||
@@ -7,0 +14,0 @@ [Full Changelog](https://github.com/buildo/react-placeholder/compare/v1.0.3...v1.0.4) |
{ | ||
"name": "react-placeholder", | ||
"version": "1.0.4", | ||
"version": "1.0.5", | ||
"description": "A React component to easily replicate your page with nice placeholders while the content is loading", | ||
@@ -5,0 +5,0 @@ "main": "lib", |
@@ -75,2 +75,20 @@ # React Placeholder | ||
### Animation | ||
`react-placeholder` already comes with one default pulse animation to better tell the user that the page is loading. | ||
The animation is defined in a separate CSS file so, in order to enable it, you should import that style in your project like this: | ||
```js | ||
import 'react-placeholder/lib/reactPlaceholder.css'; | ||
``` | ||
Once you've done this, you can simply pass the boolean prop `showLoadingAnimation` to tell `ReactPlaceholder` to animate itself: | ||
```jsx | ||
import 'react-placeholder/lib/reactPlaceholder.css'; | ||
<ReactPlaceholder showLoadingAnimation ready={this.state.ready} type="media" rows={5}> | ||
<p>This is a Test.</p> | ||
</ReactPlaceholder> | ||
``` | ||
### Style | ||
@@ -77,0 +95,0 @@ you can style the placeholder by passing **```className```** or **```style```** or by using the built-in classes: |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
36620
97