Skip to content

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

License

Notifications You must be signed in to change notification settings

mazziv/react-placeholder-loading

 
 

Repository files navigation

Forked to bring dependencies up to date

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

Example Shapes

Instalation

npm install https://github.com/mazziv/react-placeholder-loading

Usage

import PlaceholderLoading from '@mazziv/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.

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 100.0%