skeleton-react-loader v2.0.1

skeleton-loader-react

A skeleton loader library for React.

Install

yarn add skeleton-react-loader
npm i skeleton-react-loader

Components

Row

Row Skeleton Loader which has wide range of use.

import { Row } from 'skeleton-react-loader'

const MyComponent = () => {
  return <Row duration={1} radius={6} color='#f0f0f0' />
}

RowProps

Circle

Circle Skeleton Loader for circular components. e.g Profile picture .

import { Circle } from 'skeleton-react-loader'

const MyComponent = () => {
  return <Circle duration={1} size={50} color='#f0f0f0' />
}

CircleProps

ImageLoader

Skeleton Loader that contains custom image/logo.

import { ImageLoader } from 'skeleton-react-loader'

const MyComponent = () => {
  return <ImageLoader duration={1} size={50} color='#f0f0f0' />
}

ImageLoaderProps

TabLoader

Tab Skeleton Loader for components which inludes tab(s).

import { TabLoader } from 'skeleton-react-loader'

const MyComponent = () => {
  return <TabLoader tabCount={3} tabHeight={50} duration={1} color='#f0f0f0' bg='red' />
}

TabLoaderProps

ChartLoader

Chart Skeleton Loader produced to use for chart components(in particularly bar charts).

import { ChartLoader } from 'skeleton-react-loader'

const MyComponent = () => {
  return <ChartLoader height={400} />
}

ChartLoaderProps

CompactLoader

CompactLoader is a special loader that contains all kind of loader in one component. Developer can arrange order and direction of components and modify them.

import { CompactLoader } from 'skeleton-react-loader'

const MyComponent = () => {
  return <CompactLoader height={400} />
}

CompactLoaderProps

License: MIT