react-placeholder-loading
TypeScript icon, indicating that this package has built-in type declarations

0.5.30 • Public • Published

A simple component to create loading placeholders without write any SVG line

Instalation

npm i react-placeholder-loading --save

Usage

import PlaceholderLoading from 'react-placeholder-loading'

const Example = () => (
  <PlaceholderLoading shape="circle" width={60} height={60} />
)

Props

  • shape: 'rect' | 'circle'
  • width: number
  • height: number
  • colorStart?: string
  • colorEnd?: string

Inspiration

This component was created inspired by https://github.com/danilowoz/react-content-loader. If you want to have more flexibility creating your own SVGs or even using some preseted ones, this is the one.

This lib was built for you that just dont want to concern about SVG syntax right now.

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.5.30
    8,291
    • latest

Version History

Package Sidebar

Install

npm i react-placeholder-loading

Weekly Downloads

8,304

Version

0.5.30

License

MIT

Unpacked Size

24.9 kB

Total Files

15

Last publish

Collaborators

  • bielbs