0.0.16 • Published 2 years ago

ng-skeleton-loading v0.0.16

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

Preview

Ng-Skeleton-Loading

Overview Ng-Skeleton-Loading

Make beautiful, animated loading skeletons that automatically adapt to your app.

Dependencies Ng-Skeleton-Loading

 

The minimal supported versions are:

ng-skeleton-loadingMinimum Angular
0.0.16>= 16
0.0.14>= 9
🤌>= 2

 

Links

Github Link -> ng skeleton loading

NPM Link -> ng skeleton loading

Medium Link -> ng skeleton loading

Install Ng-Skeleton-Loading

npm i ng-skeleton-loading --save

Usage Ng-Skeleton-Loading

1. Add SkeletonLoadingModule to your module's imports

import { NgModule } from '@angular/core';

import { SkeletonLoadingModule } from 'ng-skeleton-loading';

@NgModule({
  declarations: [ ... ],
  imports: [ SkeletonLoadingModule ],
  bootstrap: [ ... ]
})

2. And then use this attr in any html empty tags

<div skeleton skeletonWidth="100%" skeletonHeight="4rem" skeletonRounding="small"></div>

<p skele...></p> , <h1 skele...></h1> , <button skele...></button> , ...

3. And import css in main styles

@import url('../node_modules/ng-skeleton-loading/src/assets/css/ng-skeleton-loading.css');

Options Ng-Skeleton-Loading

Tables Ng-Skeleton-Loading

PropertyTypeRequired
skeletonWidthstringOptionalDefines the width in px , rem , ... (default: 100%)
skeletonHeightstringOptionalDefines the height in px , rem , ... (default: 0)
skeletonRoundingstringOptionalDisplays the component as a small , large , circle , ... (default: none)

Donation Ng-Skeleton-Loading

If this project help you reduce time to develop, you can donate me a cup of coffee ...

Buy me a coffee

License Ng-Skeleton-Loading

© Ramin Mehrabanian

0.0.15

2 years ago

0.0.16

2 years ago

0.0.14

3 years ago

0.0.13

3 years ago

0.0.12

3 years ago

0.0.11

3 years ago

0.0.10

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.4

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago