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.