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.1
<app-checkbox-wrapper class="custom-checkbox">
2
<ion-checkbox checked=true></ion-checkbox>
3
<ion-label>Sample Checkbox</ion-label>
4
</app-checkbox-wrapper>
Copied!
1
app-checkbox-wrapper.custom-checkbox {
2
background: #CCC;
3
color: #000;
4
5
&.checkbox-checked {
6
background: #00AFFF;
7
color: #FFF;
8
}
9
}
Copied!
Last modified 2mo ago
Copy link