react-star-ratings icon indicating copy to clipboard operation
react-star-ratings copied to clipboard

Possibility to add a stroke on svg path

Open kimchicharlie opened this issue 7 years ago • 1 comments

Hello, first thanks a lot for this great rating component !

I'm trying to find a way to provide a stroke to the star's svg path (see picture below), do you have any idea ?

capture d ecran 2018-06-27 a 11 40 22

If nothing allows me to do so, maybe could we add an object svgAttributes that could be destructurated in the svg or even these props:

  • starRatedStroke
  • starEmptyStroke
  • starHoverStroke

Thanks!

kimchicharlie avatar Jun 27 '18 09:06 kimchicharlie

I like the svgAttributes solution. Will definitely do that. Right now the way you can modify the stroke is by using the path classname. You could also use this sister library: https://github.com/ekeric13/react-ratings-declarative#ratings

And pass in your own svgs via the svgs prop

ekeric13 avatar Jul 18 '18 00:07 ekeric13