Simple badge module for Angular 13.
- primary
- error
- info
- warn
- success
- default
From NPM run: npm i ngx-badges --save
Add to your module imports. Ex...
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgxBadgesModule } from 'projects/ngx-badges/src/public-api';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule, NgxBadgesModule
],
Add to component HTML:
PRIMARY: <ngx-badges text="PRIMARY" type="PRIMARY"></ngx-badges>
SUCCESS: <ngx-badges text="SUCCESS" type="SUCCESS"></ngx-badges>
WARN: <ngx-badges text="WARN" type="WARN"></ngx-badges>
ERROR: <ngx-badges text="ERROR" type="ERROR"></ngx-badges>
INFO: <ngx-badges text="INFO" type="INFO"></ngx-badges>
DEFAULT: <ngx-badges text="DEFAULT" type="DEFAULT"></ngx-badges>
text is the text to appear in the badge. type is the stylings to be applied to the badge.