Skip to content

HySplitterPanel

A content panel within an hy-splitter group. Wraps content and provides size constraints for the parent splitter's resize logic. Supports collapsible behavior.

This component is not designed to be used standalone - it must be a direct child of hy-splitter.

Examples

Basic panel

html
<hy-splitter-panel default-size="50">
  <p>Panel content</p>
</hy-splitter-panel>

With constraints

html
<hy-splitter-panel default-size="25" min-size="15" max-size="40">
  <nav>Sidebar</nav>
</hy-splitter-panel>

Collapsible

html
<hy-splitter-panel default-size="25" min-size="15" collapsible collapsed-size="0">
  <nav>Sidebar</nav>
</hy-splitter-panel>

Events

  • collapse - Fired when collapse state changes. Detail: { collapsed: boolean }

Slots

  • default - Panel content

Methods

collapse()

Collapses the panel to its collapsed-size.

expand()

Expands the panel to its previous size (before collapse).

getSize()

Gets the current computed size of the panel.

resize()

Sets the panel size programmatically.

Built with Lit. Documented with VitePress.