javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): button sizes

Browse Source
This commit is contained in:
Drew Rygh
2015-10-06 09:21:18 -05:00
parent 760cfcf9ef
commit 8f5398ab82
1 changed files with 50 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
demos/component-docs/main.html
View File

@@ -7,7 +7,7 @@
<ion-content class="has-header components-demo">
<section id="action-sheet" [ng-class]="{hidden: component.title !== 'Action Sheets' }" class="section-padding">
<button class="button" (click)="openMenu()">
<button block (click)="openMenu()">
Show Actionsheet
</button>
</section>
@@ -101,7 +101,7 @@
</section>
<section id="outline-buttons" [ng-class]="{hidden: component.title !== 'Outline Buttons' }">
<section id="outline-buttons" [ng-class]="{hidden: component.title !== 'Outline Buttons' }" class="section-padding">
<p>
<button outline>Default</button>
@@ -125,6 +125,54 @@
</section>
<section id="outline-buttons" [ng-class]="{hidden: component.title !== 'Outline Buttons' }" class="section-padding">
<p>
<button outline>Default</button>
</p>
<p>
<button secondary outline>Secondary</button>
</p>
<p>
<button danger outline>Danger</button>
</p>
<p>
<button light outline>Light</button>
</p>
<p>
<button dark outline>Dark</button>
</p>
</section>
<section id="button-sizes" [ng-class]="{hidden: component.title !== 'Button Sizes' }" class="section-padding">
<p>
<button small>Default</button>
</p>
<p>
<button secondary small>Secondary</button>
</p>
<p>
<button danger small>Danger</button>
</p>
<p>
<button light large>Light</button>
</p>
<p>
<button dark large>Dark</button>
</p>
</section>
<section id="cards" [ng-class]="{hidden: component.title !== 'Cards' }">