Multi step form with inertia

@saidinusah What have you tried so far?

I haven't done this before, but it seems pretty straight forward. On the form page have an inertia form object with all the form fields. Have a variable to hold current step. Have methods to increment and deincrement current step. Make a component for each step and pass in the form object as a prop. Dynamically show the correct step component based on current step value. Done.

Basically, what Ben said. But you don't need separate components for each step.

If you're using Vue, just v-show the desired parts (div) of the form based on the value of the variable used to track the step. You can also add a UI step indicator to clearly show each step of the form. For example, https://daisyui.com/components/steps/