Files
ionic-framework/packages/core/src/components/toggle
Brandy Carney 11c954b283 refactor(sass): separate sass variables from styles (#13547)
* refactor(sass): separate sass variables from styles

also adds styles for stand alone avatar

closes #9192 closes #12880

* style(range): remove deprecated variable

* refactor(sass): move variables for chip and fix file naming
2017-11-30 10:30:40 -05:00
..
2017-11-28 13:38:19 -06:00

ion-toggle

A toggle is largely the same thing as an checkbox, however, it also adds the ability to use gestures to swipe the toggle on and off.


<ion-list>

  <ion-item>
    <ion-label>Pepperoni</ion-label>
    <ion-toggle value="pepperoni" checked></ion-toggle>
  </ion-item>

  <ion-item>
    <ion-label>Sausage</ion-label>
    <ion-toggle value="sausage" disabled></ion-toggle>
  </ion-item>

  <ion-item>
    <ion-label>Mushrooms</ion-label>
    <ion-toggle value="mushrooms"></ion-toggle>
  </ion-item>

</ion-list>

Properties

checked

boolean

color

string

disabled

boolean

mode

any

name

string

value

string

Attributes

checked

boolean

color

string

disabled

boolean

mode

any

name

string

value

string

Events

ionBlur

ionChange

ionFocus

ionStyle


Built by StencilJS