<NodeResizeControl />
独自のサイズ変更UIを作成するには、子要素(アイコンなど)を渡すことができるNodeResizeControlコンポーネントを使用できます。
プロパティ
TypeScript ユーザーの場合、<NodeResizeControl />コンポーネントのプロパティ型はResizeControlPropsとしてエクスポートされます。
| 名前 | 型 | デフォルト値 |
|---|---|---|
# nodeId | string | |
# position? | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | |
# variant? | "handle" | "line" | |
# keepAspectRatio? | boolean | |
# minWidth? | number | |
# maxWidth? | number | |
# minHeight? | number | |
# maxHeight? | number | |
# color? | string | |
# style? | React.CSSProperties | |
# className? | string | |
# children? | React.ReactNode | |
# shouldResize? | (イベント: D3.DragEvent,パラメータ: ResizeParams & { 方向: number[] }) => boolean | |
# onResizeStart? | (イベント: D3.DragEvent,パラメータ: ResizeParams) => void | |
# shouldResize? | (イベント: D3.DragEvent,パラメータ: ResizeParams & { 方向: number[] }) => boolean | |
# onResizeEnd? | (イベント: D3.DragEvent,パラメータ: ResizeParams) => void | |