Components

<ui-page>

This component contains <header>, <main> and <footer> tags. It's supposed to be re-implemented per application depending on your setup.

<template is="ui-page" title="string">
  <ui-layout title="{{props.title}}">
    <header>
      <div class="inner"></div>
    </header>

    <main>
      <div class="inner">
        <nav></nav>
        <article>
          <slot></slot>
        </article>
        <aside></aside>
      </div>
    </main>

    <footer>
      <div class="inner"></div>
    </footer>
  </ui-layout>
</template>