unicorn-components/src/components/ui/button/button.component.ts

<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>

import { Component, HostBinding, Input } from '@angular/core';

import { UniButtonBaseComponent } from '../../base/button-base/button-base.component';

@Component({
    selector: 'uni-button',
    templateUrl: 'button.component.html',
    styleUrls: ['button.component.scss']
})
export class UniButtonComponent extends UniButtonBaseComponent {

    @HostBinding('class.uni-button') componentClass = true;
    @HostBinding('class.uni-button--default') get isDefault() { return this.color === 'default' }
    @HostBinding('class.uni-button--primary') get isPrimary() { return this.color === 'primary' }
    @HostBinding('class.uni-button--success') get isSuccess() { return this.color === 'success' }
    @HostBinding('class.uni-button--error') get isError() { return this.color === 'error' }
    @HostBinding('class.uni-button--warning') get isWarning() { return this.color === 'warning' }
    @Input() type: string;
}