Ion-item checkbox to the right

Ionic Framework ionic-v3
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 Likes
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>
7 Likes
4

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

2 Likes
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.

1 Like
6

This works for me too.

7

This works for me too.

1 Like
8

Welcome @sruthybutterfruit to the community!
Nice to hear about that, it works for you! :smiley::ok_hand:t5: