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 | — |
elementRef | Ref<HTMLDivElement> | — |
withHandle | boolean | — |
Resizable.Panel Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
collapsedSize | string | number | — |
collapsible | boolean | — |
defaultSize | string | number | — |
disabled | boolean | — |
elementRef | Ref<HTMLDivElement> | — |
maxSize | string | number | — |
minSize | string | number | — |
onResize | function | — |
panelRef | Ref<PanelImperativeHandle> | — |
Resizable.PanelGroup Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
defaultLayout | Layout | — |
disableCursor | boolean | — |
disabled | boolean | — |
elementRef | Ref<HTMLDivElement> | — |
groupRef | Ref<GroupImperativeHandle> | — |
onLayoutChange | function | — |
onLayoutChanged | function | — |
resizeTargetMinimumSize | { coarse: number; fine: number; } | — |
orientation | enum | — |