mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
78 lines
1.4 KiB
HTML
78 lines
1.4 KiB
HTML
|
|
<ion-navbar *navbar hide-back-button class="android-attr">
|
|
<ion-title>Icon Buttons</ion-title>
|
|
</ion-navbar>
|
|
|
|
<ion-content padding class="has-header components-demo">
|
|
|
|
<p>
|
|
<button light>
|
|
<icon arrow-back></icon>
|
|
Back
|
|
</button>
|
|
|
|
<button light>
|
|
<icon arrow-down></icon>
|
|
</button>
|
|
|
|
<button light>
|
|
<icon arrow-up></icon>
|
|
</button>
|
|
|
|
<button light>
|
|
Next
|
|
<icon arrow-forward></icon>
|
|
</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button>
|
|
<icon home></icon>
|
|
Home
|
|
</button>
|
|
<button outline >
|
|
<icon briefcase is-active="false"></icon>
|
|
Work
|
|
</button>
|
|
<button clear>
|
|
<icon beer is-active="false"></icon>
|
|
Pub
|
|
</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button secondary>
|
|
<icon people></icon>
|
|
Friends
|
|
</button>
|
|
<button secondary outline>
|
|
<icon paw is-active="false"></icon>
|
|
Best Friend
|
|
</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button danger>
|
|
<icon close></icon>
|
|
Remove
|
|
</button>
|
|
<button danger outline>
|
|
<icon remove-circle is-active="false"></icon>
|
|
</button>
|
|
<button danger clear>
|
|
<icon trash is-active="false"></icon>
|
|
</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button dark round>
|
|
<icon construct is-active="false"></icon>
|
|
Tools
|
|
</button>
|
|
<button dark clear>
|
|
<icon hammer is-active="false"></icon>
|
|
</button>
|
|
</p>
|
|
|
|
</ion-content>
|