mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
@@ -11,8 +11,8 @@
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a button block href="#"><icon help-circle></icon> a[button][block] icon</a>
|
||||
<button block><icon help-circle></icon> button[block] icon</button>
|
||||
<a button block href="#"><ion-icon name="help-circle"></ion-icon> a[button][block] icon</a>
|
||||
<button block><ion-icon name="help-circle"></ion-icon> button[block] icon</button>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
|
||||
@@ -1,24 +1,24 @@
|
||||
|
||||
<button fab fab-left fab-top>
|
||||
<icon add></icon>
|
||||
<ion-icon name="add"></ion-icon>
|
||||
</button>
|
||||
|
||||
<button fab fab-center fab-top secondary>
|
||||
<icon add></icon>
|
||||
<ion-icon name="add"></ion-icon>
|
||||
</button>
|
||||
|
||||
<button fab fab-right fab-top danger>
|
||||
<icon add></icon>
|
||||
<ion-icon name="add"></ion-icon>
|
||||
</button>
|
||||
|
||||
<button fab fab-left fab-bottom light>
|
||||
<icon add></icon>
|
||||
<ion-icon name="add"></ion-icon>
|
||||
</button>
|
||||
|
||||
<button fab fab-center fab-bottom primary>
|
||||
<icon add></icon>
|
||||
<ion-icon name="add"></ion-icon>
|
||||
</button>
|
||||
|
||||
<button fab fab-right fab-bottom dark>
|
||||
<icon add></icon>
|
||||
<ion-icon name="add"></ion-icon>
|
||||
</button>
|
||||
|
||||
@@ -7,11 +7,11 @@
|
||||
|
||||
<div>
|
||||
<button>
|
||||
<icon home></icon>
|
||||
<ion-icon name="home"></ion-icon>
|
||||
Left Icon
|
||||
</button>
|
||||
<a button>
|
||||
<icon home></icon>
|
||||
<ion-icon name="home"></ion-icon>
|
||||
Left Icon
|
||||
</a>
|
||||
</div>
|
||||
@@ -19,30 +19,30 @@
|
||||
<div>
|
||||
<button>
|
||||
Right Icon
|
||||
<icon star></icon>
|
||||
<ion-icon name="star"></ion-icon>
|
||||
</button>
|
||||
<a button>
|
||||
Right Icon
|
||||
<icon star></icon>
|
||||
<ion-icon name="star"></ion-icon>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button>
|
||||
<icon flag></icon>
|
||||
<ion-icon name="flag"></ion-icon>
|
||||
</button>
|
||||
<a button>
|
||||
<icon flag></icon>
|
||||
<ion-icon name="flag"></ion-icon>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button large>
|
||||
<icon help-circle></icon>
|
||||
<ion-icon name="help-circle"></ion-icon>
|
||||
Left, Large
|
||||
</button>
|
||||
<a button large>
|
||||
<icon help-circle></icon>
|
||||
<ion-icon name="help-circle"></ion-icon>
|
||||
Left, Large
|
||||
</a>
|
||||
</div>
|
||||
@@ -50,30 +50,30 @@
|
||||
<div>
|
||||
<button large>
|
||||
Right, Large
|
||||
<icon settings></icon>
|
||||
<ion-icon name="settings"></ion-icon>
|
||||
</button>
|
||||
<a button large>
|
||||
Right, Large
|
||||
<icon settings></icon>
|
||||
<ion-icon name="settings"></ion-icon>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button large>
|
||||
<icon heart></icon>
|
||||
<ion-icon name="heart"></ion-icon>
|
||||
</button>
|
||||
<a button large>
|
||||
<icon heart></icon>
|
||||
<ion-icon name="heart"></ion-icon>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button small>
|
||||
<icon checkmark></icon>
|
||||
<ion-icon name="checkmark"></ion-icon>
|
||||
Left, Small
|
||||
</button>
|
||||
<a button small>
|
||||
<icon checkmark></icon>
|
||||
<ion-icon name="checkmark"></ion-icon>
|
||||
Left, Small
|
||||
</a>
|
||||
</div>
|
||||
@@ -81,20 +81,20 @@
|
||||
<div>
|
||||
<button small>
|
||||
Right, Small
|
||||
<icon arrow-forward></icon>
|
||||
<ion-icon name="arrow-forward"></ion-icon>
|
||||
</button>
|
||||
<a button small>
|
||||
Right, Small
|
||||
<icon arrow-forward></icon>
|
||||
<ion-icon name="arrow-forward"></ion-icon>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button small>
|
||||
<icon search></icon>
|
||||
<ion-icon name="search"></ion-icon>
|
||||
</button>
|
||||
<a button small>
|
||||
<icon search></icon>
|
||||
<ion-icon name="search"></ion-icon>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user