DotNaos UI
LayoutPanels

Resizer

Resizer from the Layout package.

Source code

Waiting for the preview before loading source files · 2 of 2

Properties

Public properties derived from the component’s TypeScript signature.

PropertyTypeDefault
accessibilityLabelOptionalAccessible name that describes which region the handle resizes.
string
"Resize panels"
disabledOptionalDisables pointer and keyboard resizing.
boolean
false
edgeOptionalSelects the leading or trailing edge when placement is `edge`.
"start" | "end"
"end"
orientationOptionalOrientation of the resizer
"horizontal" | "vertical"
"vertical"
keyboardStepOptionalPixel delta applied for each supported arrow-key press.
number
onResizeOptionalCalled while dragging with the delta
((delta: number) => void)
onResizeStartOptionalCalled when drag starts
(() => void)
onResizeEndOptionalCalled when drag ends
(() => void)
placementOptionalPlaces the handle in normal flow or on a panel edge.
"inline" | "edge"
"inline"