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

/react-breath-placeholder/

    Package Sidebar

    Install

    npm i react-breath-placeholder

    Weekly Downloads

    3

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    73.1 kB

    Total Files

    4

    Last publish

    Collaborators

    • chnbohwr