API: Core
SplitterHandleDirective
The draggable/keyboard separator between two panels.
Overview
The draggable/keyboard separator between two panels.
aria-orientation follows WAI-ARIA: it describes the separator's own axis, not the layout's.
A horizontal container lays panels out in a row, so its separator is a vertical bar
(aria-orientation="vertical"), and the other way round. Give the handle an accessible name
with aria-label/aria-labelledby.
- Kind: Directive
- Source: packages/core/src/splitter/splitter-handle.directive.ts:43
Selector
[qzSplitterHandle]
Public methods
onPointerDown
onPointerDown(event: PointerEvent): void
| Parameter | Type | Optional | Description |
|---|---|---|---|
event |
PointerEvent |
onPointerMove
onPointerMove(event: PointerEvent): void
| Parameter | Type | Optional | Description |
|---|---|---|---|
event |
PointerEvent |
onPointerEnd
onPointerEnd(event: PointerEvent): void
pointerup, pointercancel and lostpointercapture all end the drag.
| Parameter | Type | Optional | Description |
|---|---|---|---|
event |
PointerEvent |
onKeydown
onKeydown(event: KeyboardEvent): void
| Parameter | Type | Optional | Description |
|---|---|---|---|
event |
KeyboardEvent |