Ion-item checkbox to the right


#1

how do i align the check-box to the right in an ion item

<ion-item> <ion-label>Daenerys Targaryen</ion-label> <ion-checkbox dark checked="true"></ion-checkbox> </ion-item>


#2

Currently it’s not supported, there’s an open issue about it:


#3

It works for me…

<button clear>
    <ion-label>Lí e aceito os termos</ion-label>
    <ion-checkbox item-right secondary checked="false" [(ngModel)]="aceito"></ion-checkbox>
</button>

#4

The framework now supports item-left or item-right on the checkbox, radio, or toggle components.


#5

I found this worked for me: https://ionicframework.com/docs/api/components/item/Item/

Use an “item-end”

Checkboxes, Radios and Toggles
Checkboxes are positioned in the same place as the item-start attribute. Radios and Toggles are positioned in the same place as the item-end attribute. All of these components can be positioned differently by adding the item-start or item-end attribute.


#6

This works for me too.