Closed marklawlor closed 3 years ago
Add the new prop interactOptions which allows customisation of interactjs
interactOptions
interactjs
This prop is an object with 3 possible keys,
pointerEvents: Allow setting custom interactjs.pointEvents options draggable: Allow setting custom interactjs.draggable options resizable: Allow setting custom interactjs.resizable options
pointerEvents
interactjs.pointEvents
draggable
interactjs.draggable
resizable
interactjs.resizable
Example usage
const interactOptions = { pointerEvents: { ignoreFrom: '[no-pointer-event]', // Prevent the item selected callbacks when clicking on these elements }, resizable: { cursorChecker (action) { // Use custom cursors if (action.edges.left) { return 'w-resize'} if (action.edges.right) { return 'e-resize'} } } } <Timeline {...props} interactOptions={interactOptions}/>
Proposed Change:
Add the new prop
interactOptions
which allows customisation ofinteractjs
This prop is an object with 3 possible keys,
pointerEvents
: Allow setting custominteractjs.pointEvents
optionsdraggable
: Allow setting custominteractjs.draggable
optionsresizable
: Allow setting custominteractjs.resizable
optionsExample usage
Change type
Checklist