Remove

The Remove element tool renders a remove button at a given position above the element. It accepts a few additional arguments, which can be passed as an object to the element tool constructor:

y	string \| number
x	string \| number	Use percentage strings (e.g. `'40%'`) to position the button relatively to the element width/height. A number means distance from the top-left corner of the element. Default is `0`.
rotate	boolean	Should the button rotate according to the element angle around the element center? Default is `false`.
offset	object	Additional offset of the button from the position defined by `x` and `y`. Default is `{x: 0, y: 0}`.
action	function	What should happen when the user clicks the remove button? Default: `function(evt, elementView, toolView) { elementView.model.remove({ ui: true, tool: toolView.cid }); }`
markup	JSONMarkup	The markup of the button, provided in the JointJS JSON format. Default is `undefined` (no content).
scale	number	Scale the button up or down on a 2D plane. The default is `1`.

Example:

import { elementTools } from '@joint/core';

const removeButton = new elementTools.Remove({
    focusOpacity: 0.5,
    rotate: true,
    // top-mid
    x: '50%',
    y: '0%',
    offset: { x: 10, y: 10 }
});