|
7 | 7 | subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
8 | 8 | -->
|
9 | 9 | <!--
|
10 |
| -/** |
11 |
| - * |
12 |
| - * @group Polymer Core Elements |
13 |
| - * |
14 |
| - * The `core-icon` element displays an icon using CSS background image. By default an icon renders as 24px square. |
15 |
| - * |
16 |
| - * |
17 |
| - * Example using src: |
18 |
| - * |
19 |
| - * <core-icon src="star.png"></core-icon> |
20 |
| - * |
21 |
| - * Example setting size to 32px x 32px: |
22 |
| - * |
23 |
| - * <core-icon src="big_star.png" size="32"></core-icon> |
24 |
| - * |
25 |
| - * Example using icon from default iconset: |
26 |
| - * |
27 |
| - * <core-icon icon="menu"></core-icon> |
28 |
| - * |
29 |
| - * Example using icon `cherry` from custom iconset `fruit`: |
30 |
| - * |
31 |
| - * <core-icon icon="fruit:cherry"></core-icon> |
32 |
| - * |
33 |
| - * See <a href="#core-iconset">core-iconset</a> for more information about |
34 |
| - * how to use a custom iconset. |
35 |
| - * |
36 |
| - * The default set of includes these icons: |
37 |
| - * |
38 |
| - * <div theme="core-light-theme"> |
39 |
| - * <core-icon icon="drawer"></core-icon> drawer, |
40 |
| - * <core-icon icon="menu"></core-icon> menu, |
41 |
| - * <core-icon icon="search"></core-icon> search, |
42 |
| - * <core-icon icon="dropdown"></core-icon> dropdown, |
43 |
| - * <core-icon icon="close"></core-icon> close, |
44 |
| - * <core-icon icon="add"></core-icon> add, |
45 |
| - * <core-icon icon="trash"></core-icon> trash, |
46 |
| - * <core-icon icon="refresh"></core-icon> refresh, |
47 |
| - * <core-icon icon="settings"></core-icon> settings, |
48 |
| - * <core-icon icon="dialoga"></core-icon> dialoga, |
49 |
| - * <core-icon icon="left"></core-icon> left, |
50 |
| - * <core-icon icon="right"></core-icon> right, |
51 |
| - * <core-icon icon="down"></core-icon> down, |
52 |
| - * <core-icon icon="up"></core-icon> up, |
53 |
| - * <core-icon icon="grid"></core-icon> grid, |
54 |
| - * <core-icon icon="contact"></core-icon> contact, |
55 |
| - * <core-icon icon="account"></core-icon> account, |
56 |
| - * <core-icon icon="plus"></core-icon> plus, |
57 |
| - * <core-icon icon="time"></core-icon> time, |
58 |
| - * <core-icon icon="marker"></core-icon> marker, |
59 |
| - * <core-icon icon="briefcase"></core-icon> briefcase, |
60 |
| - * <core-icon icon="array"></core-icon> array, |
61 |
| - * <core-icon icon="columns"></core-icon> columns, |
62 |
| - * <core-icon icon="list"></core-icon> list, |
63 |
| - * <core-icon icon="modules"></core-icon> modules, |
64 |
| - * <core-icon icon="quilt"></core-icon> quilt, |
65 |
| - * <core-icon icon="stream"></core-icon> stream, |
66 |
| - * <core-icon icon="maximize"></core-icon> maximize, |
67 |
| - * <core-icon icon="shrink"></core-icon> shrink, |
68 |
| - * <core-icon icon="sort"></core-icon> sort, |
69 |
| - * <core-icon icon="shortcut"></core-icon> shortcut, |
70 |
| - * <core-icon icon="dialog"></core-icon> dialog, |
71 |
| - * <core-icon icon="twitter"></core-icon> twitter, |
72 |
| - * <core-icon icon="facebook"></core-icon> facebook, |
73 |
| - * <core-icon icon="favorite"></core-icon> favorite, |
74 |
| - * <core-icon icon="gplus"></core-icon> gplus, |
75 |
| - * <core-icon icon="filter"></core-icon> filter, |
76 |
| - * <core-icon icon="tag"></core-icon> tag, |
77 |
| - * <core-icon icon="plusone"></core-icon> plusone, |
78 |
| - * <core-icon icon="dots"></core-icon> dots, |
79 |
| - * </div> |
80 |
| - * |
81 |
| - * @element core-icon |
82 |
| - * @homepage github.io |
83 |
| - */ |
| 10 | +
|
| 11 | +The `core-icon` element displays an icon using CSS background image. By default an icon renders as 24px square. |
| 12 | +
|
| 13 | +Example using src: |
| 14 | +
|
| 15 | + <core-icon src="star.png"></core-icon> |
| 16 | +
|
| 17 | +Example setting size to 32px x 32px: |
| 18 | +
|
| 19 | + <core-icon src="big_star.png" size="32"></core-icon> |
| 20 | +
|
| 21 | +Example using icon from default iconset: |
| 22 | +
|
| 23 | + <core-icon icon="menu"></core-icon> |
| 24 | +
|
| 25 | +Example using icon `cherry` from custom iconset `fruit`: |
| 26 | +
|
| 27 | + <core-icon icon="fruit:cherry"></core-icon> |
| 28 | +
|
| 29 | +See <a href="#core-iconset">core-iconset</a> for more information about |
| 30 | +how to use a custom iconset. |
| 31 | +
|
| 32 | +The default set of includes these icons: |
| 33 | +
|
| 34 | +<div theme="core-light-theme"> |
| 35 | + <core-icon icon="drawer"></core-icon> drawer, |
| 36 | + <core-icon icon="menu"></core-icon> menu, |
| 37 | + <core-icon icon="search"></core-icon> search, |
| 38 | + <core-icon icon="dropdown"></core-icon> dropdown, |
| 39 | + <core-icon icon="close"></core-icon> close, |
| 40 | + <core-icon icon="add"></core-icon> add, |
| 41 | + <core-icon icon="trash"></core-icon> trash, |
| 42 | + <core-icon icon="refresh"></core-icon> refresh, |
| 43 | + <core-icon icon="settings"></core-icon> settings, |
| 44 | + <core-icon icon="dialoga"></core-icon> dialoga, |
| 45 | + <core-icon icon="left"></core-icon> left, |
| 46 | + <core-icon icon="right"></core-icon> right, |
| 47 | + <core-icon icon="down"></core-icon> down, |
| 48 | + <core-icon icon="up"></core-icon> up, |
| 49 | + <core-icon icon="grid"></core-icon> grid, |
| 50 | + <core-icon icon="contact"></core-icon> contact, |
| 51 | + <core-icon icon="account"></core-icon> account, |
| 52 | + <core-icon icon="plus"></core-icon> plus, |
| 53 | + <core-icon icon="time"></core-icon> time, |
| 54 | + <core-icon icon="marker"></core-icon> marker, |
| 55 | + <core-icon icon="briefcase"></core-icon> briefcase, |
| 56 | + <core-icon icon="array"></core-icon> array, |
| 57 | + <core-icon icon="columns"></core-icon> columns, |
| 58 | + <core-icon icon="list"></core-icon> list, |
| 59 | + <core-icon icon="modules"></core-icon> modules, |
| 60 | + <core-icon icon="quilt"></core-icon> quilt, |
| 61 | + <core-icon icon="stream"></core-icon> stream, |
| 62 | + <core-icon icon="maximize"></core-icon> maximize, |
| 63 | + <core-icon icon="shrink"></core-icon> shrink, |
| 64 | + <core-icon icon="sort"></core-icon> sort, |
| 65 | + <core-icon icon="shortcut"></core-icon> shortcut, |
| 66 | + <core-icon icon="dialog"></core-icon> dialog, |
| 67 | + <core-icon icon="twitter"></core-icon> twitter, |
| 68 | + <core-icon icon="facebook"></core-icon> facebook, |
| 69 | + <core-icon icon="favorite"></core-icon> favorite, |
| 70 | + <core-icon icon="gplus"></core-icon> gplus, |
| 71 | + <core-icon icon="filter"></core-icon> filter, |
| 72 | + <core-icon icon="tag"></core-icon> tag, |
| 73 | + <core-icon icon="plusone"></core-icon> plusone, |
| 74 | + <core-icon icon="dots"></core-icon> dots, |
| 75 | +</div> |
| 76 | +
|
| 77 | +@group Polymer Core Elements |
| 78 | +@element core-icon |
| 79 | +@homepage github.io |
84 | 80 | -->
|
85 | 81 |
|
86 | 82 | <link rel="import" href="../core-theme-aware/core-theme-aware.html">
|
|
0 commit comments