mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
|
|
<ion-toolbar>
|
|
<ion-title>Block Buttons</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content padding style="text-align:center">
|
|
|
|
<p>
|
|
<a button class="button-block" href="#">a[button].button-block</a>
|
|
<button block>button.button-block</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-block" href="#"><icon help-circle></icon> a[button].button-block icon</a>
|
|
<button block><icon help-circle></icon> button.button-block icon</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-block button-outline-secondary" href="#">a[button].button-block.button-outline-secondary</a>
|
|
<button class="button-block button-outline-secondary">button.button-block.button-outline-secondary</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-block button-clear-dark" href="#">a[button].button-block.button-clear-dark</a>
|
|
<button class="button-block button-clear-dark">button.button-block.button-clear-dark</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-block button-round" href="#">a[button].button-block.button-round</a>
|
|
<button class="button-block button-round">button.button-block.button-round</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-block button-round button-outline" href="#">a[button].button-block.button-round.button-outline</a>
|
|
<button class="button-block button-round button-outline">button.button-block.button-round.button-outline</button>
|
|
</p>
|
|
|
|
</ion-content>
|