UNPKG

unicorn-components

Version:

<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>

21 lines (17 loc) 1.01 kB
<button class="uni-button__inner" [disabled]="disabled" [type]="type || 'button'" [class]="color ? 'uni-button__inner--' + color : ''" [ngClass]="{ 'uni-button__inner--with-icon': icon, 'uni-button__inner--with-icon-right': iconRight, 'uni-button__inner--only-icon': icon && !iconRight && (!label || !label.length), 'uni-button__inner--only-icon-right': iconRight && !icon && (!label || !label.length), 'uni-button__inner--large': size === 'large', 'uni-button__inner--small': size === 'small' }"> <uni-icon class="uni-button__icon" *ngIf="icon && icon !== 'loading'" [icon]="icon" [size]="size || 'medium'"></uni-icon> <uni-spinner class="uni-button__icon" *ngIf="icon && icon === 'loading'"></uni-spinner> {{label}} <span class="uni-button__sublabel" *ngIf="sublabel"> {{sublabel}} </span> <uni-icon class="uni-button__icon-right" *ngIf="iconRight" [icon]="iconRight" [size]="size || 'medium'"></uni-icon> </button>