docs(vue): update usage examples to kebab-case (#20313)

references #20296
This commit is contained in:
Brandy Carney
2020-01-27 14:22:42 -05:00
committed by GitHub
parent 09bef71ccd
commit da6263a044
24 changed files with 202 additions and 68 deletions

View File

@ -157,17 +157,30 @@ export const ToggleExample: React.FC = () => (
<ion-list>
<ion-item>
<ion-label>Pepperoni</ion-label>
<ion-toggle @ionChange="toppings.push($event.target.value)" value="pepperoni" v-bind:checked="toppings.indexOf('pepperoni') !== -1"></ion-toggle>
<ion-toggle
@ionChange="toppings.push($event.target.value)"
value="pepperoni"
:checked="toppings.indexOf('pepperoni') !== -1">
</ion-toggle>
</ion-item>
<ion-item>
<ion-label>Sausage</ion-label>
<ion-toggle @ionChange="toppings.push($event.target.value)" value="sausage" v-bind:checked="toppings.indexOf('pepperoni') !== -1" disabled="true"></ion-toggle>
<ion-toggle
@ionChange="toppings.push($event.target.value)"
value="sausage"
:checked="toppings.indexOf('pepperoni') !== -1"
disabled="true">
</ion-toggle>
</ion-item>
<ion-item>
<ion-label>Mushrooms</ion-label>
<ion-toggle @ionChange="toppings.push($event.target.value)" value="mushrooms" v-bind:checked="toppings.indexOf('pepperoni') !== -1"></ion-toggle>
<ion-toggle
@ionChange="toppings.push($event.target.value)"
value="mushrooms"
:checked="toppings.indexOf('pepperoni') !== -1">
</ion-toggle>
</ion-item>
</ion-list>
</template>

View File

@ -20,17 +20,30 @@
<ion-list>
<ion-item>
<ion-label>Pepperoni</ion-label>
<ion-toggle @ionChange="toppings.push($event.target.value)" value="pepperoni" v-bind:checked="toppings.indexOf('pepperoni') !== -1"></ion-toggle>
<ion-toggle
@ionChange="toppings.push($event.target.value)"
value="pepperoni"
:checked="toppings.indexOf('pepperoni') !== -1">
</ion-toggle>
</ion-item>
<ion-item>
<ion-label>Sausage</ion-label>
<ion-toggle @ionChange="toppings.push($event.target.value)" value="sausage" v-bind:checked="toppings.indexOf('pepperoni') !== -1" disabled="true"></ion-toggle>
<ion-toggle
@ionChange="toppings.push($event.target.value)"
value="sausage"
:checked="toppings.indexOf('pepperoni') !== -1"
disabled="true">
</ion-toggle>
</ion-item>
<ion-item>
<ion-label>Mushrooms</ion-label>
<ion-toggle @ionChange="toppings.push($event.target.value)" value="mushrooms" v-bind:checked="toppings.indexOf('pepperoni') !== -1"></ion-toggle>
<ion-toggle
@ionChange="toppings.push($event.target.value)"
value="mushrooms"
:checked="toppings.indexOf('pepperoni') !== -1">
</ion-toggle>
</ion-item>
</ion-list>
</template>