diff --git a/.changeset/bright-timers-itch.md b/.changeset/bright-timers-itch.md index 0bee5b15..c7669423 100644 --- a/.changeset/bright-timers-itch.md +++ b/.changeset/bright-timers-itch.md @@ -3,3 +3,32 @@ --- Allow setting `padding` option for `node.extent: 'parent'` + +Padding can be a `number[]` containing a maximum of 4 values. +The values are applied in the same order as CSS padding: top, right, bottom, left. +You can omit values at the end of the array, so `[10, 20]` is equivalent to `[10, 20, 10, 20]` etc. + +#### Usage + +```js +const nodes = ref([ + { + id: '4', + label: 'Node 4', + position: { x: 320, y: 200 }, + style: { backgroundColor: 'rgba(255, 0, 0, 0.7)', width: '300px', height: '300px' }, + }, + { + id: '4a', + label: 'Node 4a', + position: { x: 15, y: 65 }, + class: 'light', + extent: { + range: 'parent', + // apply 10 px padding to all four sides + padding: [10], + }, + parentNode: '4', + }, +]) +```