svelte multistep form 

Multi Step Form help to wrap form elements passing down styles to the component to be rendered, also it presents each form step in a ordered and stylish way.

$3

Install

``
npm install svelte-multistep-form
`

then import into your code

`javascript
import { Form, Step } from "svelte-multistep-form";
`

Usage

First you need to set up the form stepsDescription, formSubtitle and formTitle inside multiStepOptions that later has to be injected into Form component

`javascript
let multiStepOptions = {
formTitle: "New Title ✍️",
formSubtitle: "Subtitle should be here",
stepsDescription: [
{ title: "STEP 1", subtitle: "All the details to perform on this step" },
{ title: "STEP 2", subtitle: "All the details to perform on this step" },
],
};
`

After that you only need to call Form and Step component in the following way

`html

// Here should be your form

`

Submit form data

`html




class="your-custom-class"
id="form-field"
bind:value="{myInputValue}"
placeholder="value here..."
/>



Save me





`

Calling programatically nextStep and previousStep

`html