ui/client/features/shell/hooks/usePaneResizer

Cockpit client (features), v0.8. Source: ui/client/features/shell/hooks/usePaneResizer.tsx.

Functions#

usePaneResizer()#

usePaneResizer(props): object

Defined in: ui/client/features/shell/hooks/usePaneResizer.tsx:41

Pointer-drag and keyboard behaviour of a pane separator (WAI-ARIA window splitter): arrows resize (Shift = big step), Home/End jump to the limits, Enter collapses the pane, double-click collapses too.

Parameters#

props

PaneResizerProps

Returns#

object

onDoubleClick

onDoubleClick: () => void = onToggle

Returns

void

onKeyDown

onKeyDown: (e) => void

Parameters

e

KeyboardEvent<HTMLDivElement>

Returns

void

onPointerCancel

onPointerCancel: (e) => void = onPointerUp

Parameters

e

PointerEvent<HTMLDivElement>

Returns

void

onPointerDown

onPointerDown: (e) => void

Parameters

e

PointerEvent<HTMLDivElement>

Returns

void

onPointerMove

onPointerMove: (e) => void

Parameters

e

PointerEvent<HTMLDivElement>

Returns

void

onPointerUp

onPointerUp: (e) => void

Parameters

e

PointerEvent<HTMLDivElement>

Returns

void