2.0.0-alpha.5 • Published 2 years ago
formkit-inertify v2.0.0-alpha.5
FormKit Inertify
A plugin for integrating InertiaJS with FormKit.
Installation
npm i formkit-inertify
import formkitInertify from 'formkit-inertify';
// formkit.config.js
const config = {
plugins: [formkitInertify]
}
How to use
This plugins adds to formkit's context an inertia property to be used for visits adding visit callbacks to change formkit's state.
<!-- You can use the new inertia property inside the context to make inertia visits -->
<FormKit
type="form"
submit-label="Login"
@submit="(fields, node) => node.context.inertia.post('/login', fields)"
>
<FormKit type="email" name="email" label="E-mail" />
<FormKit type="password" name="password" label="Password" />
</FormKit>
Inertia options
You can pass any of inertia options to it, event callbacks also get the node as the second parameter as a bonus.
<!-- You can pass any inertia property and events callback to it -->
<FormKit
type="form"
submit-label="Login"
@submit="(fields, node) => node.context.inertia.post('/login', fields, { onBefore: (visit, node) => { console.log(visit, node); }})"
>
<FormKit type="email" name="email" label="E-mail" />
<FormKit type="password" name="password" label="Password" />
</FormKit>
Disable inertify behaviour
If you want to disable the default behaviour of inertify at a given event you can by setting its disable callback name to false.
<FormKit
type="form"
submit-label="Login"
@submit="(fields, node) => node.context.inertia.post('/login', fields, { onBefore: (visit, node) => { console.log(visit, node); }, disable: { onError: false } })"
>
<FormKit type="email" name="email" label="E-mail" />
<FormKit type="password" name="password" label="Password" />
</FormKit>
Functionalities
- Loading state when submiting
- Disabled state when submiting
- Progress percentage added to the state
- Set and remove backend validation errors automaticaly
Changelog
You can check any version change and its commits by the changelog
Contributing
Any contribution is welcomed, be it an issue found, a feature you would like to see, to any pull request you wish to make.
2.0.0-alpha.5
2 years ago
2.0.0-alpha.4
2 years ago
2.0.0-alpha.3
2 years ago
2.0.0-alpha.2
2 years ago
2.0.0-alpha.1
2 years ago