Close button

bs-close renders Bootstrap's standardised dismiss button — a small "×" affordance suitable for alerts, modals, and toast headers. It is a real <button> named by label (default "Close"); listen for its native click.

Basic usage

Click me

Disabled

Disabled

  
    
      
        <bs-close (click)="onClose()"></bs-close>
        
    
  
    
      
        import { Component } from '@angular/core';
        
    
      
        import { BsCloseComponent } from '@mintplayer/ng-bootstrap/close';
        
    
      
        
        
    
      
        @Component({
        
    
      
          selector: 'my-close-demo',
        
    
      
          templateUrl: './my-close-demo.component.html',
        
    
      
          imports: [BsCloseComponent],
        
    
      
        })
        
    
      
        export class MyCloseDemoComponent {
        
    
      
          onClose() {
        
    
      
            // dismiss the surrounding container
        
    
      
          }
        
    
      
        }