Skip to content

Commit

Permalink
Merge pull request #1 from edenriquez/develop
Browse files Browse the repository at this point in the history
🔥 First version
Release of version 0.0.1 🚀
  • Loading branch information
edenriquez authored May 6, 2020
2 parents 460bf11 + fa686af commit 745edb6
Show file tree
Hide file tree
Showing 11 changed files with 1,174 additions and 1 deletion.
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
node_modules
public
49 changes: 48 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,48 @@
# svelte-multistep-form
# 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.

### Demo
<p align="center">
<img width="570" src ="./screen/form-demo.gif">
</p>

## Get started

Download into your project

```bash
git clone https://github.com/edenriquez/svelte-multistep-form
cd svelte-multistep-form
npm i
```

then import into your code

```javascript
import { Form, Step } from "<path>/<to>/MultiStepForm";
```
## Usage

Firs you need to set up the form steps and initial config

```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` componente in the following way

```javascript
<Form {multiStepOptions}>
<Step>
// Here should be your form
</Step>
</Form>
```
Loading

0 comments on commit 745edb6

Please sign in to comment.