1.0.1 • Published 6 years ago

kuf-skeleton-loader v1.0.1

Weekly downloads
12
License
-
Repository
-
Last release
6 years ago

Kuf Skeleton loader

Simple component for rendering placeholder content.

Install

$ npm install kuf-skeleton-loader -save

Setup

You need to add KufSkeletonLoaderModule to your app.module.ts

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        ...
        KufSkeletonLoaderModule
    ],
    providers: [],
    bootstrap: [AppComponent]
})

After that, you can use the component in your templates and passing the Properties you want

<kuf-skeleton-loader [width]="'300px'" [height]="'20px'" [duration]="'1s'" [background]="'#eee'" [count]="20" radius></kuf-skeleton-loader>

Properties

PropertyDefault
width100%Width of the skeleton can be px or %
height20pxHeight of the skeleton can be px or %
background#EFF1F6Background of the skeleton
duration2sBackground animation duration
count1Number of items
radius4pxBorder radius of the skeleton
circle120px
1.0.1

6 years ago

1.0.0

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago