react-loading-content-skeletons

React content loading skeletons package

NPM JavaScript Style Guide Build Status

Install

npm install --save react-loading-content-skeletons
yarn add react-loading-content-skeletons

Usage

import React, { Component } from 'react'

import { Text, Avatar, Thumbnail } from 'react-loading-content-skeletons'
import 'react-loading-content-skeletons/dist/index.css'

class Example extends Component {
  render() {
    return (
      <>
        <Avatar size='medium' />
        <Thumbnail theme='light' />
        <Text count={5} />
      </>
    )
  }
}

Properties

Type Size count Theme Description
Avatar medium
large
- dark
Light
small is the default size
light the default theme
Thumbnail small
medium
large
- dark
light
small is default size
light the default theme
Text small
medium
large
Number dark
light
medium is default size
light the default theme

Contributing

New feature

Create pull request and follow best practice

Issue

Rise new issue by following best practice

Contact

SimonImanigirimpuhwe

softimag08@gmail.com

License

MIT © SimonImanigirimpuhwe