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 (20 loc) • 730 B
HTML
<label
class="uni-checkbox__inner"
[ngClass]="{
'uni-checkbox__inner--disabled': disabled == true,
'uni-checkbox__inner--checked': model == true,
'uni-checkbox__inner--partial': partial == true,
'uni-checkbox__inner--only-icon': !label || !label.length
}">
<uni-icon class="uni-checkbox__icon" [icon]="
model == true ? 'check_box' :
partial == true ? 'indeterminate_check_box' : 'check_box_outline_blank'"
></uni-icon>
<input type="checkbox"
[name]="name"
[ngModel]="model"
[disabled]="disabled"
(ngModelChange)="toggleUniModel()"
>
<span class="uni-checkbox__label" *ngIf="label" [innerHtml]="label"></span>
</label>