blob: d858cb9109107d55f991b5a0a5757c403f1c813b [file] [log] [blame]
<!-- Copyright 2017 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file. -->
<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
<!--
<iron-icon> that automatically displays one of the two icond depending on
display resolution,
Example:
<hd-iron-icon icon1x="icons:wifi-1x" icon2x="icons:wifi-2x"></hd-iron-icon>
Attributes:
1x and 2x icons:
'icon1x' - a name of icon from material design set to show on button.
'icon2x' - a name of icon from material design set to show on button.
-->
<dom-module id="hd-iron-icon">
<template>
<style include="iron-flex iron-flex-alignment iron-positioning"></style>
<link rel="stylesheet" href="hd-iron-icon.css">
<div class="flex layout vertical">
<iron-icon id="icon1x" icon="[[icon1x]]"></iron-icon>
<iron-icon id="icon2x" icon="[[icon2x]]"></iron-icon>
</div>
</template>
</dom-module>