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