loading

Ultra lightweight skeleton loader component for react

Dec 10, 2019
Ultra lightweight skeleton loader component for react

tiny-skeleton-loader-react

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

tiny-skeleton-loader-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

PropertyAttributeDescriptionTypeDefault
widthwidthLoader Widthstring"100%"
heightheightLoader Heightstring"1em"
backgroundbackgroundLoader background colorstring"#eff1f6"
circlecircleMake Skeleton Circlebooleanfalse
borderRadiusborder-radiusLoader radiusstring"4px"
blockblockWeather to start newbooleantrue
stylestyleExtra Stylesobject{}

GitHub

Recommended