Preview

Usage

<!-- Bottom position (default) -->
<cs-split-panel header="Details" position="bottom">
  <p>Panel content displayed below the main content.</p>
</cs-split-panel>

<!-- Side position -->
<cs-split-panel header="Preview" position="side">
  <p>Panel content displayed beside the main content.</p>
</cs-split-panel>

Properties

aria-labelstring default: null

base-propsBaseComponentPropsrequired

capped-sizenumberrequired

is-openboolean

on-toggle() => voidrequired

panel-header-idstring

split-panel-refunknown

Slots

default

header

resizeHandle