javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 22:29:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(button): add example for icons (#14711)

Browse Source 
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:
mburger81
2018-07-05 20:27:25 +02:00
committed by Brandy Carney
parent 0deeede683
commit d5cef52802
1 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
core/src/components/button/test/preview/index.html
View File

@ -75,6 +75,26 @@
<ion-button id="dynamicColor1" onclick="changeColor(event)">Change Color</ion-button>
<ion-button id="dynamicColor2" onclick="changeColor(event)" fill="outline">Change Color</ion-button>
</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>