All Downloads are FREE. Search and download functionalities are using the official Maven repository.

com.vaadin.polymer.paper.element.PaperItemElement Maven / Gradle / Ivy

There is a newer version: 1.9.3.1
Show newest version
/*
 * 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-item> is a non-interactive list item. By default, it is a horizontal flexbox.

*
<paper-item>Item</paper-item>
 * 
 * 
 * 

Use this element with <paper-item-body> to make Material Design styled two-line and three-line
items.

*
<paper-item>
 *   <paper-item-body two-line>
 *     <div>Show your status</div>
 *     <div secondary>Your status is visible to everyone</div>
 *   </paper-item-body>
 *   <iron-icon icon="warning"></iron-icon>
 * </paper-item>
 * 
 * 
 * 

Styling

*

The following custom properties and mixins are available for styling:

* * * * * * * * * * * * * * * * * * * * *
Custom propertyDescriptionDefault
--paper-item-min-heightMinimum height of the item48px
--paper-itemMixin applied to the item{}
*

Accessibility

*

This element has role="listitem" by default. Depending on usage, it may be more appropriate to set
role="menuitem", role="menuitemcheckbox" or role="menuitemradio".

*
<paper-item role="menuitemcheckbox">
 *   <paper-item-body>
 *     Show your status
 *   </paper-item-body>
 *   <paper-checkbox></paper-checkbox>
 * </paper-item>
 * 
 * 
 * 
*/ @JsType public interface PaperItemElement extends HTMLElement { public static final String TAG = "paper-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