paper-card-list.html 1.0KB

1234567891011121314151617181920212223242526272829303132333435
  1. <link rel="import" href="../bower_components/polymer/polymer.html">
  2. <link rel="import" href="../bower_components/paper-card/paper-card.html">
  3. <link rel="import" href="../bower_components/marked-element/marked-element.html">
  4. <dom-module id="paper-card-list">
  5. <style is="custom-style" include="iron-flex iron-positioning"></style>
  6. <style>
  7. paper-card {
  8. margin: 8px;
  9. }
  10. </style>
  11. <template>
  12. <div class="layout vertical">
  13. <template is="dom-repeat" items="{{items}}">
  14. <paper-card class="card flex" heading="{{item.heading}}">
  15. <div class="card-content">
  16. <marked-element markdown="{{item.contents}}"></marked-element>
  17. </div>
  18. </paper-card>
  19. </template>
  20. </div>
  21. </template>
  22. <script>
  23. Polymer({
  24. is: 'paper-card-list',
  25. properties: {
  26. items: {
  27. type: Array
  28. }
  29. }
  30. });
  31. </script>
  32. </dom-module>