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.

/react-placeholder-loading/

    Package Sidebar

    Install

    npm i react-placeholder-loading

    Weekly Downloads

    10,202

    Version

    0.5.30

    License

    MIT

    Unpacked Size

    24.9 kB

    Total Files

    15

    Last publish

    Collaborators

    • bielbs