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

com.vaadin.polymer.paper.element.PaperCardElement 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-card project by The Polymer Authors
 * that is licensed with http://polymer.github.io/LICENSE.txt 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;

/**
 * 

Material Design: Cards

*

paper-card is a container with a drop shadow.

*

Example:

*
<paper-card heading="Card Title">
 *   <div class="card-content">Some content</div>
 *   <div class="card-actions">
 *     <paper-button>Some action</paper-button>
 *   </div>
 * </paper-card>
 * 
 * 
 * 

Accessibility

*

By default, the aria-label will be set to the value of the heading attribute.

*

Styling

*

The following custom properties and mixins are available for styling:

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Custom propertyDescriptionDefault
--paper-card-header-colorThe color of the header text#000
--paper-card-headerMixin applied to the card header section{}
--paper-card-header-textMixin applied to the title in the card header section{}
--paper-card-header-imageMixin applied to the image in the card header section{}
--paper-card-header-image-textMixin applied to the text overlapping the image in the card header section{}
--paper-card-contentMixin applied to the card content section{}
--paper-card-actionsMixin applied to the card action section{}
--paper-cardMixin applied to the card{}
*/ @JsType public interface PaperCardElement extends HTMLElement { public static final String TAG = "paper-card"; public static final String SRC = "paper-card/paper-card.html"; /** *

Set this to true to animate the card shadow when setting a new
z value.

* * JavaScript Info: * @property animatedShadow * @type Boolean * */ @JsProperty boolean getAnimatedShadow(); /** *

Set this to true to animate the card shadow when setting a new
z value.

* * JavaScript Info: * @property animatedShadow * @type Boolean * */ @JsProperty void setAnimatedShadow(boolean value); /** *

The z-depth of the card, from 0-5.

* * JavaScript Info: * @property elevation * @type Number * */ @JsProperty double getElevation(); /** *

The z-depth of the card, from 0-5.

* * JavaScript Info: * @property elevation * @type Number * */ @JsProperty void setElevation(double value); /** *

The title of the card.

* * JavaScript Info: * @property heading * @type String * */ @JsProperty String getHeading(); /** *

The title of the card.

* * JavaScript Info: * @property heading * @type String * */ @JsProperty void setHeading(String value); /** *

The url of the title image of the card.

* * JavaScript Info: * @property image * @type String * */ @JsProperty String getImage(); /** *

The url of the title image of the card.

* * JavaScript Info: * @property image * @type String * */ @JsProperty void setImage(String value); }




© 2015 - 2025 Weber Informatics LLC | Privacy Policy