ngx-alert-message
v4.0.7
Published
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Downloads
100
Maintainers
Readme
Alert message notifier
For Angular 17 + (standalone component)
Alert component for angular projects. Creative alert message with mutiple color variance.
Import
Import the module on your your-component.component.ts
file as follow.
import { AlertComponent, JustAlertComponent } from 'ngx-alert-message';`
Then import the module as follow on imports array
@Component({
selector: '...',
templateUrl: '...',
styleUrls: ['...'],
standalone: true,
imports: [AlertComponent, JustAlertComponent]
})
For animation
import { provideAnimations } from '@angular/platform-browser/animations';
bootstrapApplication(AppComponent, {
providers: [
importProvidersFrom(BrowserModule),
provideAnimations() // Import this
],
}).
catch((err) => console.error(err));
Using
After importing this library with npm install ngx-alert-message
,
just alert module
<ngx-just-alert [text]="text"></ngx-just-alert>
close : (required) value shoule be `true | false`
mode : (required) value shoule be `primary | success | danger | info | warning`
text : (required) value shoule be `anything...`
Alert module
<ngx-alert [text]="text"></ngx-alert>
close : (optional) value shoule be `true | false`
mode : (optional) value shoule be `primary | success | danger | info | warning`
text : (optional) value shoule be `anything...`