Skip to content

HySplitterHandle

An interactive separator handle within an hy-splitter group. Implements the WAI-ARIA separator role with keyboard support. Provides a draggable divider between adjacent panels.

This component is not designed to be used standalone - it must be placed between hy-splitter-panel elements inside an hy-splitter.

Examples

Basic handle

html
<hy-splitter-handle></hy-splitter-handle>

With accessible label

html
<hy-splitter-handle label="Resize sidebar"></hy-splitter-handle>

With custom grip icon

html
<hy-splitter-handle>
  <hy-icon name="grip-vertical"></hy-icon>
</hy-splitter-handle>

Slots

  • default - Optional custom grip icon

Built with Lit. Documented with VitePress.