Skip to content

hc-oss/tiny-skeleton-loader-react

Repository files navigation

tiny-skeleton-loader-react

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

Example

GitHub Actions Status NPM gzip

🔧 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"

License

MIT © hc-oss

About

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

Topics

Resources

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •  
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy