ARTICLE AD BOX
I'm new to React and I'm having a problem with Mantine.
My Slider is visible and the value updates, but the thumb stays stuck on the left and doesn't move at all.
Here is my code:
<Box ref={ref} style={{ maxWidth: 1300, minHeight: 50, borderRadius: 8, margin: '0 auto', backgroundColor: 'rgba(73, 20, 73, 0.53)', display: 'flex', justifyContent: 'center', alignItems: 'center', }} > <Slider mx="auto" value={value} onChange={setValue} min={10} max={100} label={null} styles={{ thumb: { transition: 'opacity 150ms ease', opacity: hovered ? 1 : 0, backgroundColor: 'white', border: '2px solid black', height: 24, width: 24, }, }} style={{ width: 500 }} /> </Box>