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:
Sample use:
<div class="layout horizontal layout-start" style="height: 154px"> <div>cross axis start alignment</div> </div>
@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.