EnabledResizeOptions
react-mosaic-component / EnabledResizeOptions
Interface: EnabledResizeOptions
Defined in: libs/react-mosaic-component/src/lib/types.ts:303
Options for resizing split panes.
Properties
minimumPaneSizePercentage?
optionalminimumPaneSizePercentage?:ResizeValueByDirection
Defined in: libs/react-mosaic-component/src/lib/types.ts:311
Smallest size a pane can be dragged to, as a percentage of its split.
Pass { row, column } to use different values per split direction.
Applies to the two panes next to the divider being dragged, not to panes
nested inside them.
Default: 10
minimumPaneSizePx?
optionalminimumPaneSizePx?:ResizeValueByDirection
Defined in: libs/react-mosaic-component/src/lib/types.ts:322
Smallest visible size of a pane, in pixels. This is the tile itself; the
gutter around it is added for you. Applies together with
minimumPaneSizePercentage; the larger one wins. Pass { row, column }
to use different values per split direction, e.g. { column: 30 } to keep
a 30px title bar visible on stacked panes. Like the percentage, it only
applies to the two panes next to the divider being dragged, and it isn't
re-applied when the container itself shrinks.
Default: 0
preview?
optionalpreview?:boolean
Defined in: libs/react-mosaic-component/src/lib/types.ts:337
Move only the divider while dragging, and resize the panes once when it
is released. onChange and onRelease then fire a single time per drag,
which avoids re-rendering heavy tiles on every mouse move.
Default: false
renderSplitHandle?
optionalrenderSplitHandle?: (direction) =>ReactNode
Defined in: libs/react-mosaic-component/src/lib/types.ts:330
Renders extra content (a grip, dots, an icon) centered on every divider,
inside .mosaic-split-handle. Pressing it drags the divider like the rest
of the split bar, and grabbing it off-centre doesn't make the divider
jump. Dividers with a handle sit above tile content, including toolbars
and drop targets, so a grip larger than the bar covers what's under it.
Parameters
direction
Returns
ReactNode