htmlcssionic-frameworkcheckboxsass

how to remove space from ion-label while using with checkbox in ionic framework

I want to use checkbox, but there is blank space inside ion-label. i'm unable to remove space from ion-label. I want to display checkbox horizontally centre. my code is as below, can any one help me to solve this?

    <ion-item text-center no-lines>
        <ion-label color="secondary">
            keep me signed in
        </ion-label>
        <ion-checkbox item-right [(ngModel)]="Remember"></ion-checkbox>
    </ion-item>

enter image description here

Solution

  • My solution is not fancy, but works.

    In your corresponding *.scss

    ion-item{
    .input-wrapper{
        flex:none;
        margin-left: auto;
    }
    ion-checkbox.checkbox{
        margin-right: auto !important;
    }
}