{"repo":"effectussoftware/react-custom-roulette","free":true,"listed":false,"github":"https://github.com/effectussoftware/react-custom-roulette","clone":"git clone https://github.com/effectussoftware/react-custom-roulette.git","description":"Repository for the react-custom-roulette library","language":"TypeScript","stars":363,"topics":["react","reactjs","typescript"],"license":"MIT","category":"ui-components","readme_excerpt":"React Custom Roulette Customizable React roulette wheel with spinning animation Features - Customizable design - Prize selection with props - Spinning animation (customizable spin duration) - [NEW!] Images as items (see Types) - [NEW!] Customizable pointer image - Multiple consecutive spins (see Multi Spin) - Compatible with TypeScript Install $ npm install react-custom-roulette or $ yarn add react-custom-roulette Quickstart Wheel Component Props Prop Type Default Description --------------------------------- -------------------- --------------------------- -------------------------------------------------------------------- mustStartSpinning (required) boolean - Sets when the roulette must start the spinning animation prizeNumber (required) number - Sets the winning option. It's value must be between 0 and data.lenght-1 data (required) Array - Array of options. Can contain styling information for a specific option (see WheelData) onStopSpinning function () = null Callback function that is called when the roulette ends the spinning animation backgroundColors Array ['darkgrey', 'lightgrey'] Array of colors that will fill the background of the roulette options, starting from option 0 textColors Array ['black'] Array of colors that will fill the text of the roulette options, starting from option 0 outerBorderColor string 'black' Color of the roulette's outer border line outerBorderWidth number 5 Width of the roulette's outer border line (0 represents no outer border line) innerR","default_branch":null,"files":null,"tree":[],"storefront":"/r/effectussoftware","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/effectussoftware/react-custom-roulette/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}