com.vaadin.polymer.paper.element.PaperIconItemElement Maven / Gradle / Ivy
/*
* This code was generated with Vaadin Web Component GWT API Generator,
* from paper-item project by The Polymer Authors
* that is licensed with MIT license.
*/
package com.vaadin.polymer.paper.element;
import com.vaadin.polymer.elemental.*;
import com.google.gwt.core.client.JavaScriptObject;
import com.google.gwt.core.client.JsArray;
import com.google.gwt.core.client.js.JsProperty;
import com.google.gwt.core.client.js.JsType;
/**
* <paper-icon-item>
is a convenience element to make an item with icon. It is a non interactive list
item with a fixed-width icon area, according to Material Design. This is useful if the icons are of
varying widths, but you want the item bodies to line up. Use this like a <paper-item>
. The child
node with the attribute item-icon
is placed in the icon area.
* <paper-icon-item>
* <iron-icon icon="favorite" item-icon></iron-icon>
* Favorite
* </paper-icon-item>
* <paper-icon-item>
* <div class="avatar" item-icon></div>
* Avatar
* </paper-icon-item>
*
*
*
Styling
* The following custom properties and mixins are available for styling:
*
*
*
* Custom property
* Description
* Default
*
*
*
*
* --paper-item-icon-width
* Width of the icon area
* 56px
*
*
* --paper-icon-item
* Mixin applied to the item
* {}
*
*
*
*/
@JsType
public interface PaperIconItemElement extends HTMLElement {
public static final String TAG = "paper-icon-item";
public static final String SRC = "paper-item/all-imports.html";
/**
*
*
* JavaScript Info:
* @property hostAttributes
* @type Object
*
*/
@JsProperty JavaScriptObject getHostAttributes();
/**
*
*
* JavaScript Info:
* @property hostAttributes
* @type Object
*
*/
@JsProperty void setHostAttributes(JavaScriptObject value);
}
© 2015 - 2025 Weber Informatics LLC | Privacy Policy