Hi, is there a way to center the label of Stepper under the icon?

[slender plank]

Currently I have tried to use iconPosition but it only allow two values: left or right, but I haven't find a way to change the position of the label.

https://mantine.dev/core/stepper/

Hi, is there a way to center the label of Stepper under the icon?

[thorn slate]

you use styles api

<Stepper styles={{step:{
flexDirection:'column'
}}}>
{/* steps */}
</Stepper>

[slender plank]

Hi, thank you for your response. This solve partially my problem: now I cannot align vertically the label with the step

[thorn slate]

what do you mean by vertically?

[slender plank]

The label isn't center with the icon, it is as if the label has a default left margin

[thorn slate]

yes you are right

<Stepper styles={{
  step:{
    flexDirection:'column'
  },
stepBody:{
marginLeft:0
}
}}>
{/* steps */}
</Stepper>