Most modern slider with hardware accelerated transitions for ReactJS
- use Rive and pixijs
yarn add @fs-group/draw-s001
import DrawS001 from '@fs-group/draw-s001';
import 'fs-draw-s001/dist/index.css';
// prize data (length must be 7 pcs)
const data: IData[] = [
{id: 'A1', imageUrl: asset('/images/prize.png')},
{id: 'A2', imageUrl: asset('/images/prize.png')},
{id: 'A3', imageUrl: asset('/images/prize.png')},
{id: 'A4', imageUrl: asset('/images/prize.png')},
];
export const CustomBanner = () => {
return <SpinWheel
data={data}
targetIndex={targetIndex}
isDisabled={false}
isDebug={false}
/>
}
MIT © fs-group