Package Exports
- react-multi-form-custom-fix
- react-multi-form-custom-fix/dist/index.js
- react-multi-form-custom-fix/dist/index.modern.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-multi-form-custom-fix) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
react-multi-form
This is fork fix for React v18 of multi-step form library
Demo
See Live Demo here
Add your Brand Colors
Install
npm i react-multi-form-custom-fix
Usage
import React, { Component } from 'react'
import { MultiStepForm, Step } from 'react-multi-form';
class Example extends Component {
render() {
return (
<MutliStep activeStep={1}>
<Step label="one">
<p>One</p>
</Step>
<Step label="Two">
<p>Two</p>
</Step>
<Step label="Three">
<p>Three</p>
</Step>
</MultiStep>
)
}
}
Documentation
This package exports two components <MultiStepForm />
and <Step />
.
<MultiStepForm />
Props
Prop Name | type | Description | default | required |
---|---|---|---|---|
activeStep | Int | determines the active step | - | YES |
accentColor | String | accent color of the stepper | #24a19c | NO |
<Step />
Props
Prop Name | type | Description | default | required |
---|---|---|---|---|
label | String | label text to be rendered in the top stepper | - | NO |
See the example code here
License
MIT © tachyondev