mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 05:21:52 +08:00
43 lines
1.1 KiB
HTML
43 lines
1.1 KiB
HTML
|
|
<ion-toolbar>
|
|
<ion-title>Block Buttons</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content padding style="text-align:center">
|
|
|
|
<p>
|
|
<a button block href="#">a[button][block]</a>
|
|
<button block>button[block]</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button block href="#"><ion-icon name="help-circle"></ion-icon> a[button][block] icon</a>
|
|
<button block><ion-icon name="help-circle"></ion-icon> button[block] icon</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button block outline secondary href="#">a[button][block][outline][secondary]</a>
|
|
<button block outline secondary>button[block][outline][secondary]</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button block clear dark href="#">a[button][block][clear][dark]</a>
|
|
<button block clear dark>button[clear][block][dark]</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button block round href="#">a[button][block][round]</a>
|
|
<button block round>button[block][round]</button>
|
|
</p>
|
|
|
|
<p>
|
|
<a button block round outline href="#">a[button][block][round][outline]</a>
|
|
<button block round outline>button[block][round][outline]</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button [block]="blockButton" (click)="toggleBlock()">Toggle Block</button>
|
|
</p>
|
|
|
|
</ion-content>
|