mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
39 lines
1.2 KiB
HTML
39 lines
1.2 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 block</a>
|
|
<button class="button-block">block</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-block" href="#"><icon help-circle></icon> a block icon</a>
|
|
<button class="button-block"><icon help-circle></icon> block icon</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-block button-outline-secondary" href="#">a block outline secondary</a>
|
|
<button class="button-block button-outline-secondary">button block outline secondary</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-block button-clear-dark" href="#">a block clear dark</a>
|
|
<button class="button-block button-clear-dark">button block clear dark</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-block button-round" href="#">a block round</a>
|
|
<button class="button-block button-round">button block ound</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button class="button-block button-round button-outline" href="#">a block round outline</a>
|
|
<button class="button-block button-round button-outline">button block round outline</button>
|
|
</p>
|
|
|
|
</ion-content>
|