<button ion-button>也有<ion-buttons> block 方角大長方形。full方角大 超 長方形。 round 圓角。 outline 無背景有border。 clear無背景無border。small large大小按鈕。
1 <button ion-button color="light" round>Light Round</button> 2 <button ion-button round>Primary Round</button> 3 <button ion-button color="secondary" round>Secondary Round</button> 4 <button ion-button color="danger" round>Danger Round</button> 5 <button ion-button color="dark" round>Dark Round</button>
帶有圖標的圖標按鈕
1 <!-- Float the icon left --> 2 <button ion-button icon-left> 3 <ion-icon name="home"></ion-icon> 4 Left Icon 5 </button> 6 7 <!-- Float the icon right --> 8 <button ion-button icon-right> 9 Right Icon 10 <ion-icon name="home"></ion-icon> 11 </button> 12 13 <!-- Only icon (no text) --> 14 <button ion-button icon-only> 15 <ion-icon name="home"></ion-icon> 16 </button>
icon-only有大小之分 <ion-buttons>
1 <ion-header> 2 3 <ion-navbar color="primary"> 4 <ion-title>buttonimg</ion-title> 5 <ion-buttons start> 6 <button ion-button > 7 <ion-icon name="search"></ion-icon> 8 </button> 9 </ion-buttons> 10 <ion-buttons end> 11 <button ion-button icon-only> 12 <ion-icon name="search"></ion-icon> 13 </button> 14 </ion-buttons> 15 </ion-navbar> 16 17 </ion-header>
