mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-23 05:58:26 +08:00
test(buttons): fix buttons in tests to use fill and size attributes
This commit is contained in:
@ -73,10 +73,10 @@
|
||||
</ion-radio-group>
|
||||
|
||||
<ion-item>
|
||||
<ion-button slot="start" onClick="toggleBoolean('grapeChecked', 'checked')" outline small>Checked</ion-button>
|
||||
<ion-button slot="start" onClick="toggleBoolean('grapeChecked', 'disabled')" outline small>Disabled</ion-button>
|
||||
<ion-button slot="end" onClick="printRadioValues()" outline small>Print</ion-button>
|
||||
<ion-button slot="end" onClick="toggleString('dangerRadio', 'color', 'danger', 'secondary')" outline small color="danger">Color</ion-button>
|
||||
<ion-button slot="start" onClick="toggleBoolean('grapeChecked', 'checked')" fill="outline" size="small">Checked</ion-button>
|
||||
<ion-button slot="start" onClick="toggleBoolean('grapeChecked', 'disabled')" fill="outline" size="small">Disabled</ion-button>
|
||||
<ion-button slot="end" onClick="printRadioValues()" fill="outline" size="small">Print</ion-button>
|
||||
<ion-button slot="end" onClick="toggleString('dangerRadio', 'color', 'danger', 'secondary')" fill="outline" size="small" color="danger">Color</ion-button>
|
||||
</ion-item>
|
||||
</ion-list>
|
||||
|
||||
|
@ -13,11 +13,11 @@
|
||||
<ion-range value="60" color="light"></ion-range>
|
||||
<ion-range value="80" color="dark"></ion-range>
|
||||
<ion-range pin="true" color="secondary" value="86">
|
||||
<ion-icon small name="ios-sunny-outline" slot="start"></ion-icon>
|
||||
<ion-icon size="small" name="ios-sunny-outline" slot="start"></ion-icon>
|
||||
<ion-icon name="ios-sunny" slot="end"></ion-icon>
|
||||
</ion-range>
|
||||
<ion-range pin="true" color="danger" value="54">
|
||||
<ion-icon small name="ios-thermometer-outline" slot="start"></ion-icon>
|
||||
<ion-icon size="small" name="ios-thermometer-outline" slot="start"></ion-icon>
|
||||
<ion-icon name="ios-thermometer" slot="end"></ion-icon>
|
||||
</ion-range>
|
||||
</body>
|
||||
|
@ -67,9 +67,9 @@
|
||||
|
||||
|
||||
<p aria-hidden="true" text-center>
|
||||
<ion-button onClick="toggleBoolean('grapeChecked', 'checked')" outline small>Grape Checked</ion-button>
|
||||
<ion-button onClick="toggleBoolean('grapeChecked', 'disabled')" outline small>Grape Disabled</ion-button>
|
||||
<ion-button onClick="printForm()" outline small>Print Form</ion-button>
|
||||
<ion-button onClick="toggleBoolean('grapeChecked', 'checked')" fill="outline" size="small">Grape Checked</ion-button>
|
||||
<ion-button onClick="toggleBoolean('grapeChecked', 'disabled')" fill="outline" size="small">Grape Disabled</ion-button>
|
||||
<ion-button onClick="printForm()" fill="outline" size="small">Print Form</ion-button>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
|
@ -109,16 +109,16 @@
|
||||
|
||||
<ion-toolbar>
|
||||
<ion-buttons slot="mode-start">
|
||||
<ion-button outline>
|
||||
<ion-button fill="outline">
|
||||
<ion-icon slot="icon-only" name="contact"></ion-icon>
|
||||
</ion-button>
|
||||
<ion-button outline>
|
||||
<ion-button fill="outline">
|
||||
<ion-icon slot="start" name="star"></ion-icon>
|
||||
Star
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
<ion-buttons slot="mode-end">
|
||||
<ion-button color="secondary" outline>
|
||||
<ion-button color="secondary" fill="outline">
|
||||
<ion-icon slot="icon-only" name="contact"></ion-icon>
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
@ -127,16 +127,16 @@
|
||||
|
||||
<ion-toolbar>
|
||||
<ion-buttons slot="mode-start">
|
||||
<ion-button outline class="activated">
|
||||
<ion-button fill="outline" class="activated">
|
||||
<ion-icon slot="icon-only" name="contact"></ion-icon>
|
||||
</ion-button>
|
||||
<ion-button outline class="activated">
|
||||
<ion-button fill="outline" class="activated">
|
||||
<ion-icon slot="start" name="star"></ion-icon>
|
||||
Star
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
<ion-buttons slot="mode-end">
|
||||
<ion-button color="secondary" outline class="activated">
|
||||
<ion-button color="secondary" fill="outline" class="activated">
|
||||
<ion-icon slot="icon-only" name="contact"></ion-icon>
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
|
Reference in New Issue
Block a user