Skip to main content

Arrows

Mind Elixir supports adding arrows in mind maps, as shown below:

RootChild 1Child 2Child 3Child 4ArrowArrow2

Arrow Data​

export type Arrow = {
    id: string;
    label: string;
    from: Uid;
    to: Uid;
    delta1: {
        x: number;
        y: number;
    };
    delta2: {
        x: number;
        y: number;
    };
    bidirectional?: boolean;
};

Arrow data contains the following fields:

  • id: Unique identifier
  • label: Display text
  • from: Source node id
  • to: Target node id
  • delta1: Control point offset for the source node
  • delta2: Control point offset for the target node
  • bidirectional: Whether it's a bidirectional arrow

Control points refer to the control points of the arrow's quadratic Bezier curve. By adjusting the control point offsets, you can modify the shape of the arrow. You can refer to the SVG Path C command for more information.