Split Content

A component that renders a header, a column and your content.

This is the layout used in this documentation to present the Components

<SplitContent>
  <div slot="start">My column details</div>

  <Title slot="title">My dapp page</Title>

  <main slot="end">
    <slot />
  </main>
</SplitContent>

Properties

Property Description Type Default
back Display an arrowed back button instead of the hamburger menu. boolean false
resetScrollPosition A function to reset the scrollable content scroll position. function function

Slots

Slot name Description
start A column displayed next to the menu.
end The content of the page.
title The title of the page displayed centered in the toolbar of the end slot.
toolbar-end An element that can be added to the end of the toolbar.