mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-06 22:29:44 +08:00
docs(button): add example for icons (#14711)
add example to show how ion-icon works in ion-button using slot start, end and icon-only, like we can see in documentation https://beta.ionicframework.com/docs/api/button
This commit is contained in:
@ -76,6 +76,26 @@
|
|||||||
<ion-button id="dynamicColor2" onclick="changeColor(event)" fill="outline">Change Color</ion-button>
|
<ion-button id="dynamicColor2" onclick="changeColor(event)" fill="outline">Change Color</ion-button>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<ion-button>
|
||||||
|
<ion-icon slot="start" name="star"></ion-icon>
|
||||||
|
Left Icon
|
||||||
|
</ion-button>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<ion-button>
|
||||||
|
Right Icon
|
||||||
|
<ion-icon slot="end" name="star"></ion-icon>
|
||||||
|
</ion-button>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<ion-button>
|
||||||
|
<ion-icon slot="icon-only" name="star"></ion-icon>
|
||||||
|
</ion-button>
|
||||||
|
</p>
|
||||||
|
|
||||||
</ion-content>
|
</ion-content>
|
||||||
|
|
||||||
</ion-app>
|
</ion-app>
|
||||||
|
|||||||
Reference in New Issue
Block a user