Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rounded corners for path="grid" and gradients for colors #184

Open
Totara-thib opened this issue Aug 10, 2023 · 0 comments
Open

Rounded corners for path="grid" and gradients for colors #184

Totara-thib opened this issue Aug 10, 2023 · 0 comments

Comments

@Totara-thib
Copy link

Possibility to have rounded corners in grid display
I'm using your library to draw lines between elements, it's usefull for roadmap or things like that.
Could be great to have rounded corners for the "grid" display, to achieve this kinds of display:
image

Describe the solution you'd like
We could have a new prop rounded

<Xarrow
     ...props
     rounded={10}
/>

Describe alternatives you've considered
We could use the already existing curveness but it will also be applied to grid display

<Xarrow
     ...props
     curveness={1}
/>

Possibility to put gradient colors
To beautify the design of lines, it could be great to insert gradient colors ( Example in the first screenshot )

Describe the solution you'd like
We could just put a gradient definition in the color prop

<Xarrow
     ...props
     color={"linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)"}
/>

Thanks again @Eliav2 for your great package, i couldn't found others alternative and i love using it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant