<NodeResizeControl />

独自のサイズ変更UIを作成するには、子要素（アイコンなど）を渡せるNodeResizeControlコンポーネントを使用できます。

プロパティこのセクションへのパーマリンク

TypeScriptユーザーの場合、<NodeResizeControl />コンポーネントのプロパティの型はResizeControlPropsとしてエクスポートされます。

名前	型	デフォルト
#`nodeId`	`string`
#`position?`	`"top" \| "bottom" \| "left" \| "right" \| "top-left" \| "top-right" \| "bottom-left" \| "bottom-right"`	`"bottom-right"`
#`variant?`	`"handle" \| "line"`	`"handle"`
#`keepAspectRatio?`	`boolean`	`false`
#`minWidth?`	`number`	`10`
#`maxWidth?`	`number`	`Number.MAX_SAFE_INTEGER`
#`minHeight?`	`number`	`10`
#`maxHeight?`	`number`	`Number.MAX_SAFE_INTEGER`
#`color?`	`string`
#`style?`	`string`
#`class?`	`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`