Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-placeholder

Package Overview
Dependencies
Maintainers
9
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-placeholder - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

7

CHANGELOG.md

@@ -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)

2

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc