Showing Direction of link

[Aditi-Bhatt]

How to show the direction of the link continuously instead of just showing it on hover?

[SeanMengis]

I did it by overriding the CSS for ".bi-link-path" :

Something like that:

.bi.bi-diagram .bi-link-canvas-layer .bi-diagram-link .bi-link-path{
            stroke:#67b9ee;
            stroke-dasharray:10,2;
            animation: BiDashSegmentAnimation 1.7s linear infinite;
}

I'm not 100% sure it is correct so you'll have to adjust it. I personnally use Material-UI and did the override with something like this:

const useStyles = makeStyles(()=> ({
    "@global": {
        ".bi.bi-diagram": {
            boxShadow: 0,
            borderRadius: 0,
            backgroundImage: "linear-gradient(90deg, rgba(244,244,244,1) 0%, rgba(244,244,244,1) 33.33%, rgba(250,250,250,1) 33.34%, rgba(250,250,250,1) 66.66%, rgba(244,244,244,1) 66.67%, rgba(244,244,244,1) 100%)"
        },
        ".bi.bi-diagram .bi-link-canvas-layer .bi-diagram-link .bi-link-path": {
            stroke:"#b7d8ec",
        },
        ".bi-link-path": {
            stroke:"#67b9ee",
            strokeDasharray:"10,2",
            animation: "BiDashSegmentAnimation 1.7s linear infinite"
        }
    }
}));