
Mantine SelectStepper 2.0.0 — Swipe, Scroll, Resize, Repeat
Vertical orientation, touch gestures, responsive props, imperative API, and 9 bug fixes — all in one major release. Introduction This release started with a one-line CSS fix from a community contributor: wrap="nowrap" . That PR from @kruschid — just a single prop addition — exposed a deeper truth: SelectStepper v1 wasn't ready for the real world. Narrow containers broke it. Touch devices couldn't use it. Vertical layouts weren't possible. And the animation engine had a race condition hiding in plain sight. So instead of patching, we rebuilt — keeping the same API surface but rearchitecting the internals to handle every scenario we'd been ignoring. The result is v2.0.0: the same component, but now it actually works everywhere. ✨ What's New Vertical Orientation Flip the stepper on its side. Navigation buttons switch to up/down arrows, keyboard keys remap automatically, and swipe gestures respond to vertical movement. < SelectStepper data = { [ ' XS ' , ' S ' , ' M ' , ' L ' , ' XL ' ] }
Continue reading on Dev.to Webdev
Opens in a new tab



