Select Stepper
Mantine SelectStepper is a React component that allows users to navigate through a list of options using increment and decrement buttons, providing an intuitive alternative to traditional dropdown selects for cycling through predefined values.
Full documentation and API reference available at gfazioli.github.io/mantine-select-stepper
Installation
yarn add @gfazioli/mantine-select-stepperOverview
Select Stepper replaces dropdowns with a step-through control:
- Increment/decrement buttons — cycle through options
- Custom renderers — render any content for each option
- Looping — optionally wrap around from last to first
- Controlled and uncontrolled value
- Keyboard navigation — arrow keys to step through
- Mantine theme integration — colors, sizes, variants
Last updated on
