react-breath-placeholder

1.0.1 • Public • Published

react-breath-placeholder

use breath effect to show react placeholder.

NPM JavaScript Style Guide

demo gif

Edit react-breath-placeholder-example

Install

npm install --save react-breath-placeholder

Usage

import React, { Component } from 'react'
 
import MyComponent from 'react-breath-placeholder'
 
class Example extends Component {
  render () {
    return (
      <MyComponent />
    )
  }
}

PropTypes

Prop Description Default
style you can set component style by your self.(object) {width:100, height:100}
className set class name by your self.(string) ''
loop how many loop do you want.(number) Infinite
duration keyframe duration millisecond.(number) 3000
backgrounds array of background color hex.(array) ["#bbb", "#ddd", "#bbb"]

License

MIT © chnbohwr

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.1
    1
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 1.0.1
    1
  • 1.0.0
    0

Package Sidebar

Install

npm i react-breath-placeholder

Weekly Downloads

1

Version

1.0.1

License

MIT

Unpacked Size

73.1 kB

Total Files

4

Last publish

Collaborators

  • chnbohwr