mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 13:32:54 +08:00
105 lines
1.5 KiB
HTML
105 lines
1.5 KiB
HTML
|
|
<ion-toolbar>
|
|
<ion-title>Buttons</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content padding style="text-align:center">
|
|
|
|
|
|
<h4>Colors</h4>
|
|
|
|
<p>
|
|
<button block>Default</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button secondary block>Secondary</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button danger block>Danger</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button light block>Light</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button dark block>Dark</button>
|
|
</p>
|
|
|
|
<h4>Shapes</h4>
|
|
|
|
<p>
|
|
<button full>Full Button</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button block>Block Button</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button round>Round Button</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button fab style="position: relative;">FAB</button>
|
|
</p>
|
|
|
|
<h4>Outlines</h4>
|
|
|
|
<p>
|
|
<button secondary full outline>Outline + Full</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button secondary block outline>Outline + Block</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button secondary round outline>Outline + Round</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button secondary fab outline style="position: relative;">FAB</button>
|
|
</p>
|
|
|
|
<h4>Icons</h4>
|
|
|
|
<p>
|
|
<button dark>
|
|
<ion-icon name="star"></ion-icon>
|
|
Left Icon
|
|
</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button dark>
|
|
Right Icon
|
|
<ion-icon name="star"></ion-icon>
|
|
</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button dark>
|
|
<ion-icon name="star"></ion-icon>
|
|
</button>
|
|
</p>
|
|
|
|
|
|
<h4>Sizes</h4>
|
|
|
|
<p>
|
|
<button light large>Large</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button light>Default</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button light small>Small</button>
|
|
</p>
|
|
|
|
</ion-content>
|