Parts

Parts are fragments of the screen. They can be separated into two groups: Layouts & Partials.

Layouts

Layotus are parts with "holes", i.e. places within the file where other parts need to be inserted to have a fully functional page.

<import navigation from="navigation.html" />
<import aside from="aside.html" />

<body>
  <navigation />

  <div class="container">
    <aside />

    <main class="content">
      <slot />
    </main>
  </div>
</body>

Here, the <slot /> section is a place which will be filled by the content coming from other parts using this part as their layout.

Partials

Partials are independant parts. They don't need other parts as input, but they can group other parts by inserting them into their body.

<import navigation from="navigation.html" />

<header>
  <div class="header-container">
    <img src="path/to/logo"/>

    <nav>
      <navigation />
    </nav>
  </div>
</header>