Using iOS styled Checkboxes in Android

Ionic Framework ionic-v3
1

I somewhat like the iOS chekboxes styling… can anyone tell me how to use iOS styled Checkboxes in android.
Do we need to change the source code ?

2

Do you just want a round checkbox instead of square? You can override the md class for just that element in the scss file for your component:

  .checkbox-md{
    @extend.checkbox-ios;
  }
3

That’s working for me

<ion-checkbox mode="ios" ></ion-checkbox>

4 Likes
4

In your main module, you add:

.config(function ($ionicConfigProvider) {
    $ionicConfigProvider.form.checkbox("circle");
});

More info in docs ionicV1:
https://ionicframework.com/docs/v1/api/provider/$ionicConfigProvider/