Angular Extensions
Use our Angular librairies to extends the Angular component features.
sk loader
Loader for promises.
Installation
In frontend
Choose the version matching your angular project.
npm i @skulljs/angular-loader
Usage
Add it to the import list of your component.
// any component
import { SkLoaderModule } from '@skulljs/angular-loader';
@Component({
selector: 'app-root',
standalone: true,
imports: [..., SkLoaderModule],
templateUrl: './app.component.html',
styleUrl: './app.component.scss',
})
export class AppComponent {}
Use it !
The loader is displayed when the boolean is equal to true.
<div
[skLoader]="myBoolean"
loaderHeight="50px"
loaderWidth="50px"
loaderSource="https://raw.githubusercontent.com/skulljs/angular-libraries/main/assets/skLoader.gif"
>
Displayed when loading finished.
</div>
sk scroll to top btn
Smooth scroll to top button.
Installation
In frontend
Choose the version matching your angular project.
npm i @skulljs/angular-scroll-to-top-btn
Usage
Add it to the import list of your component.
// any component
import { SkScrollToTopBtnModule } from '@skulljs/angular-scroll-to-top-btn';
@Component({
selector: 'app-root',
standalone: true,
imports: [..., SkScrollToTopBtnModule],
templateUrl: './app.component.html',
styleUrl: './app.component.scss',
})
export class AppComponent {}
Use it !
The arrow color is automatically computed based on the background color.
<sk-scroll-to-top-btn
normalBgColor="#357a9b"
hoverBgColor="#004e6d"
[minDisplayWidth]="500"
[maxDisplayWidth]="2200"
>
</sk-scroll-to-top-btn>