Stepper: onStepClick deactivate dynamically

[autumn wren]

is there any way to allow selection on the stepper but decide whether to let the step click event through based on a condition (say for example if form inside step is valid). Thnx.

[quasi otter]

https://mantine.dev/core/stepper/#disable-next-steps-selection

[autumn wren]

Hi thnx for the link, however i don t want to disable steps selection all the time.
Example: imagine you have a form instide the step. I want to validate before going to next step (by clicking the step icon not only a Button) if valid than let the stepper increment if not abort.

[quasi otter]

const [active, setActive] = useState(1);

<Stepper
  active={active}
  onStepClick={(step) => {
    if (...) setActive(step);
  }}
>
  ...
</Stepper>

You can do it inside onStepClick handler