Guidance on rx.chakra.stepper usage

[hragbalian]

Hi there,

I'm looking for some guidance on how to use the rx.chakra.stepper component. I couldn't find any documentation on it so had to go into the code to get some understanding of usage, but I don't think my understanding is complete.

Here's what I've got so far:

rx.chakra.stepper(
            items=[
                (
                    rx.chakra.step_indicator(
                        rx.chakra.step_icon(
                            rx.icon(tag="calendar-check")
                        ),  
                    ),
                    rx.chakra.step(
                        rx.chakra.step_description("Start of the timeline"),
                    ), 
                    rx.chakra.step_separator()
                ),
            
                (
                    rx.chakra.step_indicator(
                        rx.chakra.step_icon(
                            rx.icon(tag="calendar-check")
                        ),  
                    ),
                    rx.chakra.step(
                        rx.chakra.step_description("Middle of timeline"),
                    ), 
                    rx.chakra.step_separator()
                ),
                
                (
                    rx.chakra.step_indicator(
                        rx.chakra.step_icon(
                            rx.icon(tag="calendar-check")
                        ),  
                    ),
                    rx.chakra.step(
                        rx.chakra.step_description("End of timeline"),
                    ), 
                    rx.chakra.step_separator()
                ),

            ],
            orientation="horizontal",

        )

I'm trying to:

• customize the distances between the steps, so that the distance between the steps are not necessarily equidistant
• customize the look of the step, including fill color, in addition to the icon which I can change
• customize the color and thickness of the step separator

Any guidance would be appreciated.

Thanks!