search

mohux / react-brackets

Reusable and customizable react brackets component, you can use it to build components such as single elimination, or double elimination brackets
105 stars 47 forks source link

[Feature] Be able to style the lines that connect brackets. #9

Closed TwoForTen closed 2 years ago

TwoForTen commented 3 years ago

Hi guys, this is a great package and I would love to use it on a project of mine, however, my project requires the lines to be editable. For more context, I need to be able to color the lines when a user hovers over a team to clearly see how they got to where they are now. Hope you guys get around to open up more customisation in that regard.

mohux commented 3 years ago

Hello @TwoForTen, you can do that via CSS, but when I get the time I will update the package to make it much easier to do so hopefully I can get the time for it

TwoForTen commented 3 years ago

How would I go about selecting those lines? I can see they are actually ::after pseudo elements, so is there any way to grab them via JS or CSS? Also, thanks for the quick response!

mohammadou1 commented 3 years ago

You can for sure, but using customSeed and adding a class to Seed Component, I will make sure next update has better docs and easier customization