Checkbox Wrapper custom component.
Last updated 3 years ago
Was this helpful?
This is a super straightforward component whose purpose is to wrap an <ion-checkbox> element to enable accessing the checkbox state from its parents.
<ion-checkbox>
<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; } }
See the to learn how to use and customize this component.