ta-react-xarrows/lib/index.d.ts

Draw arrows (or lines) between components in React!

import React from 'react';
import { labelsType, svgCustomEdgeType, svgEdgeShapeType, xarrowPropsType } from './types';
export type { labelsType, svgCustomEdgeType, svgEdgeShapeType, xarrowPropsType };
export declare const tAnchorEdge: readonly ["middle", "left", "right", "top", "bottom", "auto"];
export declare const tPaths: readonly ["smooth", "grid", "straight"];
export declare const tSvgElems: readonly ["circle", "ellipse", "line", "path", "polygon", "polyline", "rect"];
export declare const arrowShapes: {
    readonly arrow1: {
        readonly svgElem: "path";
        readonly svgProps: {
            readonly d: "M 0 0 L 1 0.5 L 0 1 L 0.25 0.5 z";
        };
        readonly offsetForward: 0.25;
    };
    readonly heart: {
        readonly svgElem: "path";
        readonly svgProps: {
            readonly d: "M 0,0.25 A 0.125,0.125 0,0,1 0.5,0.25 A 0.125,0.125 0,0,1 1,0.25 Q 1,0.625 0.5,1 Q 0,0.625 0,0.25 z";
        };
        readonly offsetForward: 0.1;
    };
    readonly circle: {
        readonly svgElem: "circle";
        readonly svgProps: {
            readonly r: 0.5;
            readonly cx: 0.5;
            readonly cy: 0.5;
        };
        readonly offsetForward: 0;
    };
};
export declare const tArrowShapes: ("circle" | "arrow1" | "heart")[];
declare const Xarrow: React.FC<xarrowPropsType>;
export default Xarrow;
//# sourceMappingURL=index.d.ts.map