PolymerElements/paper-card

Name: paper-card

Owner: PolymerElements

Description: A Material Design piece of paper with unique related data

Created: 2015-07-27 05:19:55.0

Updated: 2018-01-14 00:40:08.0

Pushed: 2018-01-16 23:39:43.0

Homepage: https://www.webcomponents.org/element/PolymerElements/paper-card

Size: 21108

Language: HTML

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

<paper-card>

Material design: Cards

paper-card is a container with a drop shadow.

er-card image="demo/donuts.png">
iv class="card-content">
<div class="cafe-header">Cafe Basilico
  <div class="cafe-location cafe-light">
    <iron-icon icon="communication:location-on"></iron-icon>
    <span>250ft</span>
  </div>
</div>
<div class="cafe-rating">
  <iron-icon class="star" icon="star"></iron-icon>
  <iron-icon class="star" icon="star"></iron-icon>
  <iron-icon class="star" icon="star"></iron-icon>
  <iron-icon class="star" icon="star"></iron-icon>
  <iron-icon class="star" icon="star"></iron-icon>
</div>
<p>$?Italian, Cafe</p>
<p class="cafe-light">Small plates, salads &amp; sandwiches in an intimate setting.</p>
div>
iv class="card-actions">
<div class="horizontal justified">
  <paper-icon-button icon="icons:event"></paper-icon-button>
  <paper-button>5:30PM</paper-button>
  <paper-button>7:30PM</paper-button>
  <paper-button>9:00PM</paper-button>
  <paper-button class="cafe-reserve">Reserve</paper-button>
</div>
div>
per-card>