javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 03:32:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(button): added button class to the button directive and got them working more

Browse Source 
references #689
This commit is contained in:
Brandy Carney
2015-12-04 16:12:45 -05:00
parent 5b0c174939
commit 5f221e273b
5 changed files with 106 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
ionic/components/button/test/block/main.html
View File

@ -6,33 +6,33 @@
<ion-content padding style="text-align:center">
<p>
<a button class="button-block" href="#">a[button].button-block</a>
<button block>button.button-block</button>
<a button class="button-block" href="#">a block</a>
<button class="button-block">block</button>
</p>
<p>
<a button class="button-block" href="#"><icon help-circle></icon> a[button].button-block icon</a>
<button block><icon help-circle></icon> button.button-block icon</button>
<a button class="button-block" href="#"><icon help-circle></icon> a block icon</a>
<button class="button-block"><icon help-circle></icon> block icon</button>
</p>
<p>
<a button class="button-block button-outline-secondary" href="#">a[button].button-block.button-outline-secondary</a>
<button class="button-block button-outline-secondary">button.button-block.button-outline-secondary</button>
<a button class="button-block button-outline-secondary" href="#">a block outline secondary</a>
<button class="button-block button-outline-secondary">button block outline secondary</button>
</p>
<p>
<a button class="button-block button-clear-dark" href="#">a[button].button-block.button-clear-dark</a>
<button class="button-block button-clear-dark">button.button-block.button-clear-dark</button>
<a button class="button-block button-clear-dark" href="#">a block clear dark</a>
<button class="button-block button-clear-dark">button block clear dark</button>
</p>
<p>
<a button class="button-block button-round" href="#">a[button].button-block.button-round</a>
<button class="button-block button-round">button.button-block.button-round</button>
<a button class="button-block button-round" href="#">a block round</a>
<button class="button-block button-round">button block ound</button>
</p>
<p>
<a button class="button-block button-round button-outline" href="#">a[button].button-block.button-round.button-outline</a>
<button class="button-block button-round button-outline">button.button-block.button-round.button-outline</button>
<a button class="button-block button-round button-outline" href="#">a block round outline</a>
<button class="button-block button-round button-outline">button block round outline</button>
</p>
</ion-content>