HAPI Form Plugin

Wrapper of Alpine JS plugin for HAPI Form, works on Laravel API endpoint.

CDN

``html


`

Usage

`html

`

- name – The name of the instance, to be matched with x-data="name".
- endpoint – The form endpoint URL generated from the backend.
- redirectTo – Location to be redirected after success. Eg: "/thank-you" or "https://example.com". (Optional)
- fileUpload
- filepond – Filepond object. (Filepond plugin required)
- el – Select input element if you're using normal upload.
- onSuccess() – On success event.
- onFailed() – On failed event.

Array data


`js
Hapi.form({
fields: {
colors; [] // Example an empty array of colors
},
name: "",
endpoint: "",
});
`

Alpine.js data

Sometimes you might need to set data for Alpine.js, I got your back.
`js
Hapi.form({
...
open: false,
});
`

Events

$3

When submission is success, Hapi will emit hapi:success event.

$3

When submission has error, Hapi will emit hapi:error` event.