com.vaadin.polymer.paper.element.PaperCardElement Maven / Gradle / Ivy
/*
* 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 property
* Description
* Default
*
*
*
*
* --paper-card-header-color
* The color of the header text
* #000
*
*
* --paper-card-header
* Mixin applied to the card header section
* {}
*
*
* --paper-card-header-text
* Mixin applied to the title in the card header section
* {}
*
*
* --paper-card-header-image
* Mixin applied to the image in the card header section
* {}
*
*
* --paper-card-header-image-text
* Mixin applied to the text overlapping the image in the card header section
* {}
*
*
* --paper-card-content
* Mixin applied to the card content section
* {}
*
*
* --paper-card-actions
* Mixin applied to the card action section
* {}
*
*
* --paper-card
* Mixin 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