vaadin-split-layout

vaadin

by SlashBunny

HTML

<base href="https://raw-dot-custom-elements.appspot.com/vaadin/vaadin-split-layout/v2.0.0/vaadin-split-layout/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<style>
</style>
<link rel="import" href="vaadin-split-layout.html">
<vaadin-split-layout>
  <vaadin-split-layout vertical>
    <div>First layout content</div>
    <div>Second layout content</div>
  </vaadin-split-layout>
  <vaadin-split-layout vertical>
    <div>Third layout content</div>
    <div>Fourth layout content</div>
  </vaadin-split-layout>
</vaadin-split-layout>

CSS

vaadin-split-layout {
   height: 200px;
 }
 vaadin-split-layout > div {
   font-family: sans-serif;
   background: #e0e0e0;
   display:flex;
   justify-content:center;
   align-items:center;
 }