• Home
• com.vaadin.polymer
• vaadin-gwt-polymer-elements
• 1.9.3.1
• source code
• PaperCardElement.java

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

com.vaadin.polymer.paper.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;

import com.vaadin.polymer.elemental.*;
import com.google.gwt.core.client.JavaScriptObject;
import com.google.gwt.core.client.JsArray;
import jsinterop.annotations.JsOverlay;
import jsinterop.annotations.JsProperty;
import jsinterop.annotations.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>
 * 
 * 
 * 
Example - top card image:
 * 
<paper-card heading="Card Title" image="/path/to/image.png" alt="image">
 *   ...
 * </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-background-color
The background color of the card
--primary-background-color
--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(isNative=true)
public interface PaperCardElement extends HTMLElement {

    @JsOverlay public static final String TAG = "paper-card";
    @JsOverlay public static final String SRC = "paper-card/paper-card.html";


    /**
     * 
Read-only property used to pass down the animatedShadow value to
the underlying paper-material style (since they have different names).
     *
     * JavaScript Info:
     * @property animated
     * @type Boolean
     * 
     */
    @JsProperty boolean getAnimated();
    /**
     * 
Read-only property used to pass down the animatedShadow value to
the underlying paper-material style (since they have different names).
     *
     * JavaScript Info:
     * @property animated
     * @type Boolean
     * 
     */
    @JsProperty void setAnimated(boolean value);

    /**
     * 
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);

    /**
     * 
When preloadImage is true, setting fadeImage to true will cause the
image to fade into place.
     *
     * JavaScript Info:
     * @property fadeImage
     * @type Boolean
     * 
     */
    @JsProperty boolean getFadeImage();
    /**
     * 
When preloadImage is true, setting fadeImage to true will cause the
image to fade into place.
     *
     * JavaScript Info:
     * @property fadeImage
     * @type Boolean
     * 
     */
    @JsProperty void setFadeImage(boolean value);

    /**
     * 
When true, any change to the image url property will cause the
placeholder image to be shown until the image is fully rendered.
     *
     * JavaScript Info:
     * @property preloadImage
     * @type Boolean
     * 
     */
    @JsProperty boolean getPreloadImage();
    /**
     * 
When true, any change to the image url property will cause the
placeholder image to be shown until the image is fully rendered.
     *
     * JavaScript Info:
     * @property preloadImage
     * @type Boolean
     * 
     */
    @JsProperty void setPreloadImage(boolean value);

    /**
     * 
The text alternative of the card’s title image.
     *
     * JavaScript Info:
     * @property alt
     * @type String
     * 
     */
    @JsProperty String getAlt();
    /**
     * 
The text alternative of the card’s title image.
     *
     * JavaScript Info:
     * @property alt
     * @type String
     * 
     */
    @JsProperty void setAlt(String 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);

    /**
     * 
This image will be used as a background/placeholder until the src image has
loaded. Use of a data-URI for placeholder is encouraged for instant rendering.
     *
     * JavaScript Info:
     * @property placeholderImage
     * @type String
     * 
     */
    @JsProperty String getPlaceholderImage();
    /**
     * 
This image will be used as a background/placeholder until the src image has
loaded. Use of a data-URI for placeholder is encouraged for instant rendering.
     *
     * JavaScript Info:
     * @property placeholderImage
     * @type String
     * 
     */
    @JsProperty void setPlaceholderImage(String value);


}