light-skeleton
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.6 • Public • Published

    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

    Install

    npm i light-skeleton

    DownloadsWeekly Downloads

    11

    Version

    0.1.6

    License

    MIT

    Unpacked Size

    29.3 kB

    Total Files

    14

    Last publish

    Collaborators

    • gabrielopeyemi