Ion-toggle AND ion-checkbox in same ion-item

Hello,

I am trying to add custom elements to my item-list items.
Ideally I would like to have the following :

<ion-item *ngFor="let test of tests">
 TITLE
  <div style="float: right;">
    <ion-checkbox></ion-checkbox>
    <ion-toggle></ion-toggle>
  </div>
  <div style="clear: both;"></div>

ionic2 seems to have all its directives very tight up to the location where they are used and I cannot actually do the code above.

Please disregard the style I added it to give you an idea of what I want to do.

If such thing is not possible how can I reuse the round templates the ion-checkbox/ion-toggle on buttons?

This is not possible, and from a UI/UX perspective, it should not be done.

I can understand that from a UI/UX perpespective you would not want to do that but I don’t think you should have any component so tightly coupled with the parent.

From my point of view you should decouple ion-item and ion-checkbox/ion-toggle (and in fact no component should ever be coupled).
I don’t think it is not the responsibility of the ionic team to decide what a user should or should not use at a specific location.

We have decided to change the design but again, please be considerate in avoiding to create such coupling as the only thing it does is to limit what the end users can do.