Split Layout

Two columns layout with main left side content and secondary right side.

Split Layout

Split Layout Example
  <div slot="split-main-content"></div>
  <div slot="split-sidebar"></div>

<!-- don't include this (for demo purposes only). -->
<img src="/images/split-layout-example.png"  alt="Split Layout Example">
<!-- end of ignore -->


Notice that this layout will always use width:100vw and height:100vh and it will display behind all other elements (see the header on the example).