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 `iron_icon`. | 3 /// Dart API for the polymer element `iron_icon`. |
4 @HtmlImport('iron_icon_nodart.html') | 4 @HtmlImport('iron_icon_nodart.html') |
5 library polymer_elements.lib.src.iron_icon.iron_icon; | 5 library polymer_elements.lib.src.iron_icon.iron_icon; |
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'; |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
42 /// <link rel="import" href="/components/iron-icons/communication-icons.html
"> | 42 /// <link rel="import" href="/components/iron-icons/communication-icons.html
"> |
43 /// | 43 /// |
44 /// <iron-icon icon="communication:email"></iron-icon> | 44 /// <iron-icon icon="communication:email"></iron-icon> |
45 /// | 45 /// |
46 /// You can also create custom icon sets of bitmap or SVG icons. | 46 /// You can also create custom icon sets of bitmap or SVG icons. |
47 /// | 47 /// |
48 /// Example of using an icon named `cherry` from a custom iconset with the ID `f
ruit`: | 48 /// Example of using an icon named `cherry` from a custom iconset with the ID `f
ruit`: |
49 /// | 49 /// |
50 /// <iron-icon icon="fruit:cherry"></iron-icon> | 50 /// <iron-icon icon="fruit:cherry"></iron-icon> |
51 /// | 51 /// |
52 /// See [iron-iconset](#iron-iconset) and [iron-iconset-svg](#iron-iconset-svg)
for more information about | 52 /// See [iron-iconset](iron-iconset) and [iron-iconset-svg](iron-iconset-svg) fo
r more information about |
53 /// how to create a custom iconset. | 53 /// how to create a custom iconset. |
54 /// | 54 /// |
55 /// See [iron-icons](https://elements.polymer-project.org/elements/iron-icons?vi
ew=demo:demo/index.html) for the default set of icons. | 55 /// See the [iron-icons demo](iron-icons?view=demo:demo/index.html) to see the i
cons available |
| 56 /// in the various iconsets. |
56 /// | 57 /// |
57 /// | 58 /// |
58 /// ### Styling | 59 /// ### Styling |
59 /// | 60 /// |
60 /// The following custom properties are available for styling: | 61 /// The following custom properties are available for styling: |
61 /// | 62 /// |
62 /// Custom property | Description | Default | 63 /// Custom property | Description | Default |
63 /// ----------------|-------------|---------- | 64 /// ----------------|-------------|---------- |
64 /// `--iron-icon-width` | Width of the icon | `24px` | 65 /// `--iron-icon-width` | Width of the icon | `24px` |
65 /// `--iron-icon-height` | Height of the icon | `24px` | 66 /// `--iron-icon-height` | Height of the icon | `24px` |
| 67 /// `--iron-icon-fill-color` | Fill color of the svg icon | `currentcolor` |
| 68 /// `--iron-icon-stroke-color` | Stroke color of the svg icon | none |
66 @CustomElementProxy('iron-icon') | 69 @CustomElementProxy('iron-icon') |
67 class IronIcon extends HtmlElement with CustomElementProxyMixin, PolymerBase { | 70 class IronIcon extends HtmlElement with CustomElementProxyMixin, PolymerBase { |
68 IronIcon.created() : super.created(); | 71 IronIcon.created() : super.created(); |
69 factory IronIcon() => new Element.tag('iron-icon'); | 72 factory IronIcon() => new Element.tag('iron-icon'); |
70 | 73 |
71 /// The name of the icon to use. The name should be of the form: | 74 /// The name of the icon to use. The name should be of the form: |
72 /// `iconset_name:icon_name`. | 75 /// `iconset_name:icon_name`. |
73 String get icon => jsElement[r'icon']; | 76 String get icon => jsElement[r'icon']; |
74 set icon(String value) { jsElement[r'icon'] = value; } | 77 set icon(String value) { jsElement[r'icon'] = value; } |
75 | 78 |
76 /// If using iron-icon without an iconset, you can set the src to be | 79 /// If using iron-icon without an iconset, you can set the src to be |
77 /// the URL of an individual icon image file. Note that this will take | 80 /// the URL of an individual icon image file. Note that this will take |
78 /// precedence over a given icon attribute. | 81 /// precedence over a given icon attribute. |
79 String get src => jsElement[r'src']; | 82 String get src => jsElement[r'src']; |
80 set src(String value) { jsElement[r'src'] = value; } | 83 set src(String value) { jsElement[r'src'] = value; } |
81 | 84 |
82 /// The name of the theme to used, if one is specified by the | 85 /// The name of the theme to used, if one is specified by the |
83 /// iconset. | 86 /// iconset. |
84 String get theme => jsElement[r'theme']; | 87 String get theme => jsElement[r'theme']; |
85 set theme(String value) { jsElement[r'theme'] = value; } | 88 set theme(String value) { jsElement[r'theme'] = value; } |
86 } | 89 } |
OLD | NEW |