1.1.11 • Published 9 months ago

react-loader-placeholder v1.1.11

Weekly downloads
3
License
MIT
Repository
github
Last release
9 months ago

react-loader-placeholder

npm version npm npm bundle size

Make beautiful, animated loading that easy adapt to your app.

Gif in action

Install

npm install react-loader-placeholder

Principles

The <ReactLoaderPlaceholder> uses HTML data attribute for mark items and CSS for style that items.

Base usabe code

Usage

  1. Wrap component or HTML with <ReactLoaderPlaceholder>.
  2. Set loading prop.
  3. Mark HTML items with data-react-loader-placeholder={true} attribute.
  4. ?????
  5. PROFIT.

If you need to enable or disable not all marked items, just set data-react-loader-placeholder} to true or false.

##Props

The <ReactLoaderPlaceholder> component props:

  • loading boolean required - Enable or disable placeholder.
  • color string optional - Background color of placeholder item.
  • disableAnimation boolean optional - Enable or disable animation.
  • className string optional
  • style Object optional
1.1.9

9 months ago

1.1.8

9 months ago

1.1.7

9 months ago

1.1.11

9 months ago

1.1.10

9 months ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago