search

effectussoftware / react-custom-roulette

Repository for the react-custom-roulette library
MIT License
312 stars 112 forks source link

Roulette pointer image #27

Closed KirillVasilev closed 1 year ago

KirillVasilev commented 3 years ago

It's a really cool thing. Thanks to the authors. How can I change the roulette wheel picture?

image

Woverlin commented 3 years ago

@KirillVasilev I had same issue and worked around, you can try with this code on css img[alt~="roulette-static"] { position: absolute; z-index: 5; width: 10%; right: 35px; top: 35px; content: url("http://imgur.com/SZ8Cm.jpg"); } here is result

image

luchozamora1 commented 1 year ago

@Woverlin thank you for you solution, glad you were able to solve it using CSS.

In version 1.3.2 we've added a pointerProps prop to customize the wheel pointer with props instead.

interface PointerProps {
  src?: string; // Optional
  style?: React.CSSProperties; // Optional
}
unaldutlu commented 1 year ago

Hi, I want to shape the outerBorder, how can I do it? for example image