Wheel shape width/height adaption

uiwjs / react-color

🎨 Is a tiny color picker widget component for React apps.

https://uiwjs.github.io/react-color

MIT License

274 stars 92 forks source link

Wheel shape width/height adaption #110

Closed alexscro closed 1 year ago

alexscro commented 1 year ago

Hey everyone!

First of all, I love the library. Is there a way to change the width/height of the Wheel variant but not use a square? I am able to change it with the props but the draggable picker still always seems to rotate in a circle?

I'd appreciate any help here!

jaywcjlove commented 1 year ago

@alexscro I tested it and it wasn't very good at handling this situation. If you have a solution, please feel free to contribute a PR.

farshad-vgr commented 1 year ago

Hey everyone!

First of all, I love the library. Is there a way to change the width/height of the Wheel variant but not use a square? I am able to change it with the props but the draggable picker still always seems to rotate in a circle?

I'd appreciate any help here!

Use scaleY to change dimensions style={{ transform: "scaleY(0.5)", }}