Button type

BsButtonTypeDirective applies a Bootstrap colour theme to any native <button> via the [color] input — no wrapper component required.

Basic usage

  
    
      
        <button [color]="colors.primary">Primary action</button>
        
    
  
    
      
        import { Component } from '@angular/core';
        
    
      
        import { Color } from '@mintplayer/ng-bootstrap';
        
    
      
        import { BsButtonTypeDirective } from '@mintplayer/ng-bootstrap/button-type';
        
    
      
        
        
    
      
        @Component({
        
    
      
          selector: 'my-button-type-demo',
        
    
      
          templateUrl: './my-button-type-demo.component.html',
        
    
      
          imports: [BsButtonTypeDirective],
        
    
      
        })
        
    
      
        export class MyButtonTypeDemoComponent {
        
    
      
          protected readonly colors = Color;
        
    
      
        }