@juno0424/hapi
Advanced tools
Wrapper of Alpine JS plugin for HAPI Form, works on Laravel API endpoint. ## CDN ```html <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script> <script src="https://unpkg.com/@juno0424/hapi@latest/dist/hapi.min.js"></script> ```
Weekly downloads
Readme
Wrapper of Alpine JS plugin for HAPI Form, works on Laravel API endpoint.
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="https://unpkg.com/@juno0424/hapi@latest/dist/hapi.min.js"></script>
<script>
Hapi.form({
name: "",
endpoint: "",
redirectTo: "",
fileUpload: {
filepond: filepondObject,
el: '#files'
},
onSuccess(res) {},
onFailed(err) {}
});
</script>
x-data="name"
.input
element if you're using normal upload.Hapi.form({
fields: {
colors; [] // Example an empty array of colors
},
name: "",
endpoint: "",
});
Sometimes you might need to set data for Alpine.js, I got your back.
Hapi.form({
...
open: false,
});
When submission is success, Hapi will emit hapi:success
event.
When submission has error, Hapi will emit hapi:error
event.
FAQs
Wrapper of Alpine JS plugin for HAPI Form, works on Laravel API endpoint. ## CDN ```html <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script> <script src="https://unpkg.com/@juno0424/hapi@latest/dist/hapi.min.js"></script> ```
The npm package @juno0424/hapi receives a total of 579 weekly downloads. As such, @juno0424/hapi popularity was classified as not popular.
We found that @juno0424/hapi demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.