There are times when a set of actions must be done in "procedures". For
instance, you might need a step-by-step form that requires a fetch call to
validate user's input.
svelte-procedures is a package that assists you through such design patterns.
npm i -D svelte-procedures
Procedures from the package, and import your own "procedure" components.
Map them in an array with the following structure, then place the array as a property within the Procedures component.
example for detailed instructions.
Customizing Progress Indicator
The default progress indicator is implemented in
You could use your own implementation of progress indicator using named slots.
currentStepIndex will be passed as props to the named slot