mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
20 lines
1.1 KiB
HTML
20 lines
1.1 KiB
HTML
|
|
<ion-toolbar>
|
|
<ion-title>Default Buttons</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content padding text-center>
|
|
<h1>Button Attributes Test</h1>
|
|
<button block>Primary</button>
|
|
<button block [color]="isDestructive ? 'danger' : 'primary'" [outline]="isOutline">Danger (Outline)</button>
|
|
<button block [color]="isSecondary ? 'secondary' : 'primary'" [clear]="isClear">Secondary (Clear)</button>
|
|
<button block [color]="myColor1" [round]="isCustom">Custom #1</button>
|
|
<button block [color]="myColor2" [outline]="isOutline" [round]="isCustom">Custom #2 (Outline)</button>
|
|
<button block primary light [clear]="isClear" [round]="isCustom">Multicolor (Clear)</button>
|
|
<button block danger dark [outline]="isOutline" [round]="isCustom">Multicolor (Outline)</button>
|
|
<button block [color]="multiColor" [solid]="!isClicked" [outline]="isClicked" [round]="isCustom" (click)="toggle()">Multicolor (Toggle)</button>
|
|
<hr/>
|
|
<button block outline danger (click)="unify()" class="e2eButtonDynamicUnify">Unify all buttons</button>
|
|
<button block clear danger (click)="reset()">Reset all buttons</button>
|
|
</ion-content>
|