com.vaadin.polymer.iron.widget.IronFlexLayout Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of vaadin-gwt-polymer-elements Show documentation
vaadin-gwt-polymer-elements
The newest version!
/*
 * This code was generated with Vaadin Web Component GWT API Generator, 
 * from iron-flex-layout 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-flex-layout> component provides simple ways to use
CSS flexible box layout,
also known as flexbox. This component provides two different ways to use flexbox:
 * 
 * Layout classes.
The layout class stylesheet provides a simple set of class-based flexbox rules, that
let you specify layout properties directly in markup. You must include this file
in every element that needs to use them.
 * Sample use:
 * <custom-element-demo>
 *   <template>
 *     <script src="../webcomponentsjs/webcomponents-lite.js"></script>
 *     <next-code-block></next-code-block>
 *   </template>
 * </custom-element-demo>
 * 
<link rel="import" href="iron-flex-layout-classes.html">
 * <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
 * <style>
 *   .test { width: 100px; }
 * </style>
 * <div class="layout horizontal center-center">
 *   <div class="test">horizontal layout center alignment</div>
 * </div>
 * 
 * 
 * Custom CSS mixins.
The mixin stylesheet includes custom CSS mixins that can be applied inside a CSS rule using the @apply function.
 * 
 * 
 * Please note that the old /deep/ layout classes
are deprecated, and should not be used. To continue using layout properties
directly in markup, please switch to using the new dom-module-based
layout classes.
Please note that the new version does not use /deep/, and therefore requires you
to import the dom-modules in every element that needs to use them.
 * A complete guide to <iron-flex-layout> is available.
 */
public class IronFlexLayout extends PolymerWidget {
    /**
     * Default Constructor.
     */
    public IronFlexLayout() {
       this("");
    }

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

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





}