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

docs(demos): add basic popup

Browse Source
This commit is contained in:
Drew Rygh
2015-10-07 12:48:39 -05:00
parent ef36fc2455
commit 8aa3e3e842
2 changed files with 38 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -123,32 +123,43 @@
<button dark outline>Dark</button>
</p>
</section>
</section>
<section id="outline-buttons" [ng-class]="{hidden: component.title !== 'Outline Buttons' }" class="section-padding">
<section id="round-buttons" [ng-class]="{hidden: component.title !== 'Round Buttons' }" class="section-padding">
<p>
<button outline>Default</button>
<button round>Default</button>
</p>
<p>
<button secondary outline>Secondary</button>
<button secondary round>Secondary</button>
</p>
<p>
<button danger outline>Danger</button>
<button danger round>Danger</button>
</p>
<p>
<button light outline>Light</button>
<button light round>Light</button>
</p>
<p>
<button dark outline>Dark</button>
<button dark round>Dark</button>
</p>
</section>
<section id="floating-action-buttons" [ng-class]="{hidden: component.title !== 'Floating Action Buttons' }" class="section-padding">
<p>
<button fab fab-top fab-right>
<icon add></icon>
</button>
</p>
</section>
<section id="button-sizes" [ng-class]="{hidden: component.title !== 'Button Sizes' }" class="section-padding">
<p>
@ -428,6 +439,12 @@
</section>
<section id="popup" [ng-class]="{hidden: component.title !== 'Popups' }" class="section-padding">
<button block (click)="showPopup()">
Show Popup
</button>
</section>
<section id="slides" [ng-class]="{hidden: component.title !== 'Slides' }">
<ion-slides id="slider" style="background-color: black" pager="true" zoom="false" index="1" loop="true">