mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
49 lines
1.4 KiB
HTML
49 lines
1.4 KiB
HTML
|
|
<ion-toolbar>
|
|
<ion-title>Button Sizes</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content padding>
|
|
|
|
<p>
|
|
<a button href="#">a[button]</a>
|
|
<button>button</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-small" href="#">a[button].button-small</a>
|
|
<button class="button-small">button.button-small</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-outline button-small" href="#">a[button].button-outline.button-small</a>
|
|
<button class="button-outline button-small">button.button-outline.button-small</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-clear button-small" href="#">a[button].button-clear.button-small</a>
|
|
<button class="button-clear button-small">button.button-clear.button-small</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button class="button-large">button.button-large</button>
|
|
<a button class="button-large" href="#">
|
|
<span style="font-size:48px">H</span>
|
|
<span style="font-size:38px">E</span>
|
|
<span style="font-size:32px">L</span>
|
|
<span style="font-size:24px">L</span>
|
|
O</a>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-outline button-large" href="#">a[button].button-outline.button-large</a>
|
|
<button class="button-outline button-large">button.button-outline.button-large</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-clear button-large" href="#">a.button-clear.button-large</a>
|
|
<button class="button-clear button-large">button.button-clear.button-large</button>
|
|
</p>
|
|
|
|
</ion-content>
|