ng-bootstrap

Badge

bs-badge renders an inline Bootstrap badge — useful for counters, status pills, or contextual labels next to text and headings.

Basic usage

Example heading New

Inbox 5

  
    
      
        <h2>
        
    
      
          Inbox
        
    
      
          <bs-badge color="primary" unit="unread messages">5</bs-badge>
        
    
      
        </h2>
        
    

  
    
      
        import { Component } from '@angular/core';
        
    
      
        import { BsBadgeComponent } from '@mintplayer/ng-bootstrap/badge';
        
    
      
        
        
    
      
        @Component({
        
    
      
          selector: 'my-badge-demo',
        
    
      
          templateUrl: './my-badge-demo.component.html',
        
    
      
          imports: [BsBadgeComponent],
        
    
      
        })
        
    
      
        export class MyBadgeDemoComponent {}