IPanelResizeOptions interface
Options for controlling the horizontal width and resizing behavior of the panel.
Note: Resizing is automatically disabled on small screens (xsmall breakpoint) where the panel renders in fullscreen mode. The resize handle is not shown and any user-set width is ignored in that layout.
Properties
| max |
The maximum width in pixels the panel can be resized to. Only applies when userResizable is true. |
| min |
The minimum width in pixels the panel can be resized to. Only applies when userResizable is true. |
| on |
Callback fired when the panel width changes due to user interaction. |
| user |
Whether the user can interactively resize the panel width by dragging the resize handle or using keyboard arrow keys. When false, the panel width is locked to the size determined by the size prop. The resize handle is not rendered on small screens where the panel is displayed fullscreen. |
Property Details
maxWidth
The maximum width in pixels the panel can be resized to. Only applies when userResizable is true.
maxWidth?: numberProperty Value
number
minWidth
The minimum width in pixels the panel can be resized to. Only applies when userResizable is true.
minWidth?: numberProperty Value
number
onWidthChanged
Callback fired when the panel width changes due to user interaction.
onWidthChanged?: (width: number) => voidProperty Value
(width: number) => void
userResizable
Whether the user can interactively resize the panel width by dragging the resize handle or using keyboard arrow keys. When false, the panel width is locked to the size determined by the size prop.
The resize handle is not rendered on small screens where the panel is displayed fullscreen.
userResizable?: booleanProperty Value
boolean