Checkbox Wrapper
Checkbox Wrapper custom component.
Ionic Custom Checkbox Component
This is a super straightforward component whose purpose is to wrap an <ion-checkbox>
element to enable accessing the checkbox state from its parents.
<app-checkbox-wrapper class="custom-checkbox">
<ion-checkbox checked=true></ion-checkbox>
<ion-label>Sample Checkbox</ion-label>
</app-checkbox-wrapper>
app-checkbox-wrapper.custom-checkbox {
background: #CCC;
color: #000;
&.checkbox-checked {
background: #00AFFF;
color: #FFF;
}
}
Last updated
Was this helpful?