light-skeleton

Light Skeleton

Light react Skeleton loader

🔧 Installation

  npm i light-skeleton

📦 Usage

Sample: https://codesandbox.io/s/skeleton-loader-sample-5lgoc

  const PreLoader = () => {
    let height = '80px';
    return (
      <React.Fragment>
        <TextSkeleton height={height}/>
      </React.Fragment>
    )
  }

  const PreLoader = () => {
    let Hei = '100px';
    let MB = '15px';
    return (
      <React.Fragment>
        <TitleSkeleton 
          style={{ 
            margin: '5px', 
            marginBottom: MB
            }} 
          width={'90%'}
          height={Hei}
        />
        <TitleSkeleton 
          style={{ 
            margin: '5px', 
            marginBottom: MB
          }} 
          width={'90%'} 
          height={Hei}
        />
      </React.Fragment>
    )
  }

👀 Properties

Property	Attribute	Description	Type	example
width	width	Loader Width	string	"100%"
height	height	Loader Height	string	"1em"
marginBottom	marginBottom	add margin bottom	string	"12px"
style	style	add styling	object	{{color: red, padding: 20px }}

MIT © hc-oss