Resizable
A component that can be resized by dragging its edges or corners.
Usage
Resizable.Handle Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
disabled | boolean | — |
hitAreaMargins | PointerHitAreaMargins | — |
id | string | — |
onBlur | function | — |
onClick | function | — |
onDragging | PanelResizeHandleOnDragging | — |
onFocus | function | — |
onPointerDown | function | — |
onPointerUp | function | — |
tagName | enum | — |
withHandle | boolean | — |
Resizable.Panel Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
collapsedSize | number | — |
collapsible | boolean | — |
defaultSize | number | — |
id | string | — |
maxSize | number | — |
minSize | number | — |
onCollapse | PanelOnCollapse | — |
onExpand | PanelOnExpand | — |
onResize | PanelOnResize | — |
order | number | — |
tagName | enum | — |
Resizable.PanelGroup Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
autoSaveId | string | — |
direction* | enum | — |
id | string | — |
keyboardResizeBy | number | — |
onLayout | PanelGroupOnLayout | — |
storage | PanelGroupStorage | — |
tagName | enum | — |