React-breath-placeholder NPM

react-breath-placeholder

use breath effect to show react placeholder.

demo gif

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

classnames popmotion stylefire

@infinitebrahmanuniverse/nolb-react-br @everything-registry/sub-chunk-2543 @zalastax/nolb-react-br

1.0.1

6 years ago

1.0.0

6 years ago