Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

volkeno-react-skeleton

VolkenoMakers211MIT1.0.1TypeScript support: included

volkeno-react-skeleton lets you create beautiful animated loading skeletons that automatically adapt to your react application.

reactjs, skeleton, react skeleton, reactjs skeleton, reactjs loader, react loader, reactjs loader, skeleton typescript

readme

volkeno-react-skeleton

volkeno-react-skeleton lets you create beautiful animated loading skeletons that automatically adapt to your react application.

NPM JavaScript Style Guide

Install

npm install --save volkeno-react-skeleton

Usage

import React, { Component } from 'react'

import VolkenoSkeleton from 'volkeno-react-skeleton'
import 'volkeno-react-skeleton/dist/index.css'

class Example extends Component {
  render() {
    <VolkenoSkeleton
      variant='rect'
      count={1}
      width={30}
      height={30}
      style={{ marginTop: '1rem' }}
    />
  }
}

Configuration - Props

Property Type Require Default Description
variant string true ... Skeleton type (circle, rect, text)
width string or number false 100px The width of the skeleton
height string or number false 100px The height of each skeleton line
borderRadius string or number false 10px The border radius of the skeleton
style React.CSSProperties false ... Apply a style to your skeleton
count number false 1 The number of lines of skeletons to render.
className string false ... A custom class name for the individual skeleton elements

License

MIT © VolkenoMakers