ngx-alert-message

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 [close]="close" [mode]="mode" [bold]="bold" [disabled]="'true'" [text]="text"></ngx-just-alert>

close : (required) value shoule be `true | false`

mode : (required) value shoule be `primary | success | danger | info | warning`

bold : (optional) value shoule be `true | false`

text : (required) value shoule be `anything...`

disabled : (optional) value shoule be `true | false`

---

Alert module

<ngx-alert [close]="close" [mode]="mode" [bold]="bold" [disabled]="'true'" [text]="text"></ngx-alert>

close : (required) value shoule be `true | false`

mode : (required) value shoule be `primary | success | danger | info | warning`

bold : (optional) value shoule be `true | false`

text : (required) value shoule be `anything...`

disabled : (optional) value shoule be `true | false`

---

---