ngx-alert-message
TypeScript icon, indicating that this package has built-in type declarations

4.0.5 • Public • Published

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...`



Package Sidebar

Install

npm i ngx-alert-message

Weekly Downloads

12

Version

4.0.5

License

none

Unpacked Size

49.2 kB

Total Files

16

Last publish

Collaborators

  • manoj10101996