mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
55 lines
1.5 KiB
HTML
55 lines
1.5 KiB
HTML
|
|
<ion-toolbar>
|
|
<ion-title>Outline Buttons</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content padding style="text-align:center" class="outer-content">
|
|
|
|
<p>
|
|
<button class="button-outline">Default</button>
|
|
<button class="button-outline activated">Default.activated</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button class="button-outline-primary">Primary</button>
|
|
<button class="button-outline-primary activated">Primary.activated</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button class="button-outline-secondary">Secondary</button>
|
|
<button class="button-outline-secondary activated">Secondary.activated</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button class="button-outline-danger">Danger</button>
|
|
<button class="button-outline-danger activated">Danger.activated</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button class="button-outline-light">Light</button>
|
|
<button class="button-outline-light activated">Light.activated</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button class="button-outline-dark">Dark</button>
|
|
<button class="button-outline-dark activated">Dark.activated</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button class="button-outline button-block">.button-outline.button-block</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button class="button-outline button-block activated">.button-outline.button-block.activated</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button class="button-outline-secondary button-block" >.button-outline-secondary.button-block</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button class="button-outline-secondary button-block activated">.button-outline-secondary.button-block.activated</button>
|
|
</p>
|
|
|
|
</ion-content>
|