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