Install from npm:
npm install @ng4746/notice --saveAdd needed package to NgModule imports:
import { NoticeModule } from '@ng4746/notice';
@NgModule({
...
imports: [
NoticeModule.withConfig({
global: {
newOnTop: true,
maxAtPosition: 6,
maxOnScreen: 8,
filterDuplicates: false
},
toast: {
type: 'info'
}}
)
...
]
...
})Add app.component.html:
<notice-section class="material"></notice-section>Add styles.scss:
.material {
@import "~@ng4746/notice/styles/material";
}
.simple {
@import "~@ng4746/notice/styles/simple";
}
.dark {
@import "~@ng4746/notice/styles/dark";
}
.snotify-icon {
object-fit: cover;
width: 100%;
height: 100%;
object-position: center;
}Credit
Inspired by ng-snotify.