com.vaadin.polymer.iron.IronFlexLayoutElement Maven / Gradle / Ivy
/*
* 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;
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;
/**
* 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.
*/
@JsType(isNative=true)
public interface IronFlexLayoutElement extends HTMLElement {
@JsOverlay public static final String TAG = "iron-flex-layout";
@JsOverlay public static final String SRC = "iron-flex-layout/iron-flex-layout.html";
}