furo-split-view #

@furo/layout v2.2.14
import '@furo/layout/src/furo-split-view.js';
exports FuroSplitView js
exports <furo-split-view> custom-element-definition
superclass LitElement
mixes FBP
summary splitted layout

furo-split-view is a layout component to visualise main / detail views (left right layout for master detail views). You can add the attribute scroll on the detail view to make the content scrollable.

1
2
3
4

<furo-split-view>
  <div slot="master">Master</div>
  <big-component scroll> </big-component>
</furo-split-view>

Attributes and Properties #

reverse #

reverse Boolean

flip the left and right side

Methods #

Slots #

master #

Type: HTMLElement [0..n]

default slot to add content to the main section.

default #

Type: HTMLElement [0..n]

default slot to add content to the detail section.

Styling #

The following custom properties available for styling: