• Home
• com.vaadin.polymer
• vaadin-gwt-polymer-elements
• 1.9.3.1
• source code
• IronIcon.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.iron.widget.IronIcon Maven / Gradle / Ivy

/*
 * This code was generated with Vaadin Web Component GWT API Generator, 
 * from iron-icon project by The Polymer Authors
 * that is licensed with http://polymer.github.io/LICENSE.txt license.
 */
package com.vaadin.polymer.iron.widget;

import com.vaadin.polymer.iron.*;

import com.vaadin.polymer.*;
import com.vaadin.polymer.elemental.*;
import com.vaadin.polymer.PolymerWidget;
import com.google.gwt.core.client.JsArray;
import com.google.gwt.event.shared.HandlerRegistration;
import com.google.gwt.core.client.JavaScriptObject;

/**
 * 
The iron-icon element displays an icon. By default an icon renders as a 24px square.
 * 
Example using src:
 * 
<iron-icon src="star.png"></iron-icon>
 * 
 * 
 * 
Example setting size to 32px x 32px:
 * 
<iron-icon class="big" src="big_star.png"></iron-icon>
 * 
 * <style is="custom-style">
 *   .big {
 *     --iron-icon-height: 32px;
 *     --iron-icon-width: 32px;
 *   }
 * </style>
 * 
 * 
 * 
The iron elements include several sets of icons.
To use the default set of icons, import iron-icons.html and use the icon attribute to specify an icon:
 * 
<link rel="import" href="/components/iron-icons/iron-icons.html">
 * 
 * <iron-icon icon="menu"></iron-icon>
 * 
 * 
 * 
To use a different built-in set of icons, import the specific iron-icons/<iconset>-icons.html, and
specify the icon as <iconset>:<icon>. For example, to use a communication icon, you would
use:
 * 
<link rel="import" href="/components/iron-icons/communication-icons.html">
 * 
 * <iron-icon icon="communication:email"></iron-icon>
 * 
 * 
 * 
You can also create custom icon sets of bitmap or SVG icons.
 * 
Example of using an icon named cherry from a custom iconset with the ID fruit:
 * 
<iron-icon icon="fruit:cherry"></iron-icon>
 * 
 * 
 * 
See iron-iconset and iron-iconset-svg for more information about
how to create a custom iconset.
 * 
See the iron-icons demo to see the icons available
in the various iconsets.
 * 
To load a subset of icons from one of the default iron-icons sets, you can
use the poly-icon tool. It allows you
to select individual icons, and creates an iconset from them that you can
use directly in your elements.
 * 
Styling
 * 
The following custom properties are available for styling:
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
Custom property
Description
Default
--iron-icon
Mixin applied to the icon
{}
--iron-icon-width
Width of the icon
24px
--iron-icon-height
Height of the icon
24px
--iron-icon-fill-color
Fill color of the svg icon
currentcolor
--iron-icon-stroke-color
Stroke color of the svg icon
none
 */
public class IronIcon extends PolymerWidget {
    /**
     * Default Constructor.
     */
    public IronIcon() {
       this("");
    }

    /**
     * Constructor used by UIBinder to create widgets with content.
     */
    public IronIcon(String html) {
        super(IronIconElement.TAG, IronIconElement.SRC, html);
    }

    /**
     * Gets a handle to the Polymer object's underlying DOM element.
     */
    public IronIconElement getPolymerElement() {
        return (IronIconElement) getElement();
    }


    /**
     * 
The name of the icon to use. The name should be of the form:
iconset_name:icon_name.
     *
     * JavaScript Info:
     * @property icon
     * @type String
     * 
     */
    public String getIcon() {
        return getPolymerElement().getIcon();
    }
    /**
     * 
The name of the icon to use. The name should be of the form:
iconset_name:icon_name.
     *
     * JavaScript Info:
     * @property icon
     * @type String
     * 
     */
    public void setIcon(String value) {
        getPolymerElement().setIcon(value);
    }

    /**
     * 
If using iron-icon without an iconset, you can set the src to be
the URL of an individual icon image file. Note that this will take
precedence over a given icon attribute.
     *
     * JavaScript Info:
     * @property src
     * @type String
     * 
     */
    public String getSrc() {
        return getPolymerElement().getSrc();
    }
    /**
     * 
If using iron-icon without an iconset, you can set the src to be
the URL of an individual icon image file. Note that this will take
precedence over a given icon attribute.
     *
     * JavaScript Info:
     * @property src
     * @type String
     * 
     */
    public void setSrc(String value) {
        getPolymerElement().setSrc(value);
    }

    /**
     * 
The name of the theme to used, if one is specified by the
iconset.
     *
     * JavaScript Info:
     * @property theme
     * @type String
     * 
     */
    public String getTheme() {
        return getPolymerElement().getTheme();
    }
    /**
     * 
The name of the theme to used, if one is specified by the
iconset.
     *
     * JavaScript Info:
     * @property theme
     * @type String
     * 
     */
    public void setTheme(String value) {
        getPolymerElement().setTheme(value);
    }




}