summaryrefslogtreecommitdiffstats
path: root/third_party/polymer/components/core-icon/demo.html
diff options
context:
space:
mode:
authorPavel Sergeev <dzhioev@chromium.org>2014-09-25 19:57:17 +0400
committerPavel Sergeev <dzhioev@chromium.org>2014-09-25 15:58:41 +0000
commit344b7eb4fc9f09c744d3619167ec8fa3d89deb2f (patch)
treedb63d23763ad7a26670899466a759e456540418c /third_party/polymer/components/core-icon/demo.html
parent3ddca850a10976e7be7bc2bed5ffa394fa96b1a3 (diff)
downloadchromium_src-344b7eb4fc9f09c744d3619167ec8fa3d89deb2f.zip
chromium_src-344b7eb4fc9f09c744d3619167ec8fa3d89deb2f.tar.gz
chromium_src-344b7eb4fc9f09c744d3619167ec8fa3d89deb2f.tar.bz2
Polymer elements added to third_party/polymer.
List of changes: * Added all core-elements and paper-elements provided by Polymer. * Components moved to 'components' subdirectory. * Added a presubmit check verifying that the list of dependencies from bower.json and the list of components installed to 'components' are the same. (see README.chromium for details). * Updated README.chromium * Updated pathes to polymer.js and platform.js in projects that use them. web-animations-js library will be added to the repository later. Here is a list of components depending on web-animations-js: * core-animation/core-animation-group.html * core-animation/core-animation.html * core-animation/web-animations.html * paper-menu-button/paper-menu-button.html * paper-menu-button/paper-menu-button-transition.html This CL doesn't change polymer and platform components. Landed manually, because of the bug in the commit queue (http://crbug.com/416255). BUG=415696 R=mtomasz@chromium.org, raymes@chromium.org, rsadam@chromium.org, thestig@chromium.org TBR=cpu Review URL: https://codereview.chromium.org/582873003 Cr-Commit-Position: refs/heads/master@{#296712}
Diffstat (limited to 'third_party/polymer/components/core-icon/demo.html')
-rw-r--r--third_party/polymer/components/core-icon/demo.html44
1 files changed, 44 insertions, 0 deletions
diff --git a/third_party/polymer/components/core-icon/demo.html b/third_party/polymer/components/core-icon/demo.html
new file mode 100644
index 0000000..2bcefbb
--- /dev/null
+++ b/third_party/polymer/components/core-icon/demo.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<!--
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+ <title>core-icon</title>
+ <script src="../platform/platform.js"></script>
+ <link rel="import" href="../core-icons/core-icons.html">
+ <link rel="import" href="core-icon.html">
+
+ <style>
+ segment {
+ min-width: 200px;
+ }
+
+ core-icon.big {
+ height: 128px;
+ width: 128px;
+ }
+ </style>
+</head>
+<body unresolved>
+
+<template is="auto-binding">
+ <div wrap horizontal layout>
+ <template repeat="{{icon in $.meta.metaData.icons.iconNames}}">
+ <segment><core-icon icon="{{icon}}"></core-icon> {{icon}}</segment>
+ </template>
+ </div>
+ <core-iconset id="meta"></core-iconset>
+ <div hidden?="{{!$.meta.metaData.icons.iconNames}}">
+ Sized icon:
+ <core-icon class="big" icon="accessibility"></core-icon>
+ </div>
+</template>
+
+</body>
+</html>