ION-TOGGLE in ION-ITEM

Ionic Framework ionic-v3
1

Trying to do a custom list to show some elements to purchase, with a big icon on the left, a few lines in the middle, and an ion-toggle on the right, however as soon as I had the ion-toggle, the item doesn’t show at all, without it, it shows fine.

<ion-content no-padding>
  <ion-list>
    <ion-item>
      <ion-grid>

        <ion-row>

          <ion-col no-padding col-sm-3>
            <ion-icon name="ios-clock-outline"></ion-icon>
          </ion-col>

          <ion-col no-padding col-sm-6>
            <ion-grid>
              <ion-row>
                <h2>Time Tracking Module</h2>
              </ion-row>
              <ion-row>
                <p>45$ / Month</p>
              </ion-row>
            </ion-grid>
          </ion-col>

          <ion-col no-padding col-sm-3>
           <ion-toggle></ion-toggle>
          </ion-col>

        </ion-row>

      </ion-grid>

    </ion-item>

  </ion-list>
</ion-content>
2

Read this thread.

3

Thanks!!! I knew it was something simple!!