mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-24 06:22:45 +08:00
button sizes
This commit is contained in:
33
src/components/button/examples/button-sizes/index.html
Normal file
33
src/components/button/examples/button-sizes/index.html
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
<link rel="stylesheet" href="../../../../../dist/css/ionic.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
[ion-app] {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div ion-app>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a class="button button-small button-positive" href="#">a.small</a>
|
||||||
|
<button class="button button-small button-positive">button.small</button>
|
||||||
|
|
||||||
|
<a class="button button-outline button-small button-positive" href="#">a.outline.small</a>
|
||||||
|
<button class="button button-outline button-small button-positive">button.outline.small</button>
|
||||||
|
|
||||||
|
<a class="button button-clear button-small button-positive" href="#">a.clear.small</a>
|
||||||
|
<button class="button button-clear button-small button-positive">button.clear.small</button>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a class="button button-large button-positive" href="#">a</a>
|
||||||
|
<button class="button button-large button-positive">button</button>
|
||||||
|
|
||||||
|
<a class="button button-outline button-large button-positive" href="#">a</a>
|
||||||
|
<button class="button button-outline button-large button-positive">button</button>
|
||||||
|
|
||||||
|
<a class="button button-clear button-large button-positive" href="#">a</a>
|
||||||
|
<button class="button button-clear button-large button-positive">button</button>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
Reference in New Issue
Block a user