react-skeleton-content

Index

• Getting Started
• Usage

Getting Started

npm i react-skeleton-content --save

yarn add react-skeleton-content

Usage

1. SkeletonDisplayTitle:

import React from 'react'
import { SkeletonDisplayTitle } from 'react-skeleton-content'
 
class Component extends React.Component {
 
  render() {
    return <SkeletonDisplayTitle />
  }
}

Options

size?: string

Defaults to small (small, medium, large)

Still not clear? Take a look at this working example at codesandbox.io

2. SkeletonBodyText:

import React from 'react'
import { SkeletonBodyText } from 'react-skeleton-content'
 
class Component extends React.Component {
 
  render() {
    return <SkeletonBodyText />
  }
}

Options

lines?: number

Defaults to 3.

Still not clear? Take a look at this working example at codesandbox.io

3. SkeletonThumbnail:

import React from 'react'
import { SkeletonThumbnail } from 'react-skeleton-content'
 
class Component extends React.Component {
 
  render() {
    return <SkeletonThumbnail />
  }
}

Options

size?: string

Defaults to small (small, medium, large)

round?: boolean

Defaults to false.

Still not clear? Take a look at this working example at codesandbox.io