eo-resizable-box
<eo-resizable-box>
可以左右或上下调整尺寸的容器。
注意与 v2 构件 basic-bricks.resizable-box
的差别:
- 移除属性
resizable
,改为使用disabled
控制是否可调整尺寸; - 放在
containers-NB
包,而不是basic-bricks-NB
。
Examples
Basic
Direction
Sizing
Dashboard
Properties
Name | Description | Type | Default | Required |
---|---|---|---|---|
resizeDirection | 调整方向 | ResizeDirection | "right" | |
storageKey | 用于存放当前尺寸的 (local) storage key | string | ||
defaultSize | 默认尺寸(px) | number | 200 | |
minSize | 最小尺寸(px) | number | defaultSize | |
minSpace | 留给其他部分的最小空间。 即:控制尺寸不超过 | number | 300 | |
disabled | 禁用 resize | boolean | ||
variant | "dashboard" | "default" | "default" | ||
boxStyle | React.CSSProperties | |||
boxStyleWhenNotResizing | React.CSSProperties | |||
syncSizeWithHost | boolean |
Type references
ResizeDirection
"left" | "right" | "top" | "bottom"