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

docs(demos): add advanced social card

Browse Source
This commit is contained in:
Drew Rygh
2015-10-18 17:04:52 -05:00
parent e2ac2e90c5
commit 3acd7202cd
3 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
demos/component-docs/cards/cards-advanced-social.html
View File

@ -7,10 +7,36 @@
<ion-card>
<ion-item>
<ion-avatar item-left>
<img src="img/marty-avatar.png">
</ion-avatar>
<h2>Marty McFly</h2>
<p>November 5, 1955</p>
</ion-item>
<img src="img/advance-card-bttf.png">
<ion-card-content>
This is just your basic card with some text to boot. Like it? Keep scrolling...
<p>Wait a minute. Wait a minute, Doc. Uhhh... Are you telling me that you built a time machine... out of a DeLorean?! Whoa. This is heavy.</p>
</ion-card-content>
<ion-item actions class="demo-card">
<button clear primary item-left>
<icon thumbs-up></icon>
<div style="color: #4b4b4b">12 Likes</div>
</button>
<button dark clear item-left>
<icon text></icon>
Comments
</button>
<button clear light item-left>
<icon dark text></icon>
11h ago
</button>
</ion-item>
</ion-card>