ResizableSplitter

Layout

A resizable split container.

Preview

First Pane
Second Pane

Usage

<ResizableSplitter>
  {#snippet first()}Left{/snippet}
  {#snippet second()}Right{/snippet}
</ResizableSplitter>

Props

NameTypeDefaultDescription
direction'horizontal' | 'vertical''horizontal'Split direction.
initialSplitnumber50Initial split percentage.

Slots

NameDescription
firstFirst pane content (snippet).
secondSecond pane content (snippet).