react-custom-roulette icon indicating copy to clipboard operation
react-custom-roulette copied to clipboard

Is there a way of changing pointer result?

Open lorenzoa7 opened this issue 2 years ago • 2 comments

By default, the pointer is located at the top right position of the wheel. I wonder if there's any way of changing it directly to the top of the wheel. Not only its position, but also taking the top prize number when the wheel stops spinning.

lorenzoa7 avatar Jun 01 '23 02:06 lorenzoa7

You could rotate the div that the roulette is in to change the location of the pointer.

e.g CSS

.roulette_container { transform: rotate(-20deg); }

I've used 20deg for this example but it might be a different amount.

theweboratory avatar Jun 20 '23 20:06 theweboratory

The CSS rotation works as @theweboratory has suggested, but I think this should be a property for the component.

wlisesrivas avatar Aug 08 '23 15:08 wlisesrivas

Any updates

qaez0 avatar Jun 10 '25 13:06 qaez0