Checkbox Wrapper

Checkbox Wrapper custom 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;
  }
}
See the live Showcase to learn how to use and customize this component. 

Custom Components

Countdown timer

Last updated 1 year ago