OLD | NEW |
1 // DO NOT EDIT: auto-generated with `pub run custom_element_apigen:update` | 1 // DO NOT EDIT: auto-generated with `pub run custom_element_apigen:update` |
2 | 2 |
3 /// Dart API for the polymer element `paper_card`. | 3 /// Dart API for the polymer element `paper_card`. |
4 @HtmlImport('paper_card_nodart.html') | 4 @HtmlImport('paper_card_nodart.html') |
5 library polymer_elements.lib.src.paper_card.paper_card; | 5 library polymer_elements.lib.src.paper_card.paper_card; |
6 | 6 |
7 import 'dart:html'; | 7 import 'dart:html'; |
8 import 'dart:js' show JsArray, JsObject; | 8 import 'dart:js' show JsArray, JsObject; |
9 import 'package:web_components/web_components.dart'; | 9 import 'package:web_components/web_components.dart'; |
10 import 'package:polymer_interop/polymer_interop.dart'; | 10 import 'package:polymer_interop/polymer_interop.dart'; |
11 import 'paper_material.dart'; | 11 import 'paper_material.dart'; |
12 import 'iron_flex_layout.dart'; | 12 import 'iron_flex_layout.dart'; |
13 | 13 |
14 /// Material Design: <a href="http://www.google.com/design/spec/components/cards
.html">Cards</a> | 14 /// Material Design: <a href="http://www.google.com/design/spec/components/cards
.html">Cards</a> |
15 /// | 15 /// |
16 /// `paper-card` is a container with a drop shadow. | 16 /// `paper-card` is a container with a drop shadow. |
17 /// | 17 /// |
18 /// Example: | 18 /// Example: |
19 /// | 19 /// |
20 /// <paper-card heading="Card Title"> | 20 /// <paper-card heading="Card Title"> |
21 /// <div class="card-content">Some content</div> | 21 /// <div class="card-content">Some content</div> |
22 /// <div class="card-actions"> | 22 /// <div class="card-actions"> |
23 /// <paper-button>Some action</paper-button> | 23 /// <paper-button>Some action</paper-button> |
24 /// </div> | 24 /// </div> |
25 /// </paper-card> | 25 /// </paper-card> |
26 /// | 26 /// |
| 27 /// Example - top card image: |
| 28 /// |
| 29 /// <paper-card heading="Card Title" image="/path/to/image.png"> |
| 30 /// ... |
| 31 /// </paper-card> |
| 32 /// |
27 /// ### Accessibility | 33 /// ### Accessibility |
28 /// | 34 /// |
29 /// By default, the `aria-label` will be set to the value of the `heading` attri
bute. | 35 /// By default, the `aria-label` will be set to the value of the `heading` attri
bute. |
30 /// | 36 /// |
31 /// ### Styling | 37 /// ### Styling |
32 /// | 38 /// |
33 /// The following custom properties and mixins are available for styling: | 39 /// The following custom properties and mixins are available for styling: |
34 /// | 40 /// |
35 /// Custom property | Description | Default | 41 /// Custom property | Description | Default |
36 /// ----------------|-------------|---------- | 42 /// ----------------|-------------|---------- |
(...skipping 20 matching lines...) Expand all Loading... |
57 set elevation(num value) { jsElement[r'elevation'] = value; } | 63 set elevation(num value) { jsElement[r'elevation'] = value; } |
58 | 64 |
59 /// The title of the card. | 65 /// The title of the card. |
60 String get heading => jsElement[r'heading']; | 66 String get heading => jsElement[r'heading']; |
61 set heading(String value) { jsElement[r'heading'] = value; } | 67 set heading(String value) { jsElement[r'heading'] = value; } |
62 | 68 |
63 /// The url of the title image of the card. | 69 /// The url of the title image of the card. |
64 String get image => jsElement[r'image']; | 70 String get image => jsElement[r'image']; |
65 set image(String value) { jsElement[r'image'] = value; } | 71 set image(String value) { jsElement[r'image'] = value; } |
66 } | 72 } |
OLD | NEW |