Tiny-skeleton-loader-react NPM

tiny-skeleton-loader-react

zero dependency, ultra lightweight (1KB gzipped) skeleton loader component for react ✨

🔧 Installation

npm install --save tiny-skeleton-loader-react

📦 Usage

import React from "react";

import SkeletonLoader from "tiny-skeleton-loader-react";

class Example extends React.Component {
  render() {
    return <SkeletonLoader />;
  }
}

👀 Properties

Property	Attribute	Description	Type	Default
`width`	`width`	Loader Width	`string`	`"100%"`
`height`	`height`	Loader Height	`string`	`"1em"`
`background`	`background`	Loader background color	`string`	`"#eff1f6"`
`circle`	`circle`	Make Skeleton Circle	`boolean`	`false`
`borderRadius`	`border-radius`	Loader radius	`string`	`"4px"`
`block`	`block`	Whether to start new	`boolean`	`true`
`style`	`style`	Extra Styles	`object`	`{}`
`as`	--	The HTML element	`string`	`"div"`