Next.js: Props
These are the inputs accepted by the Next.js integration. Event callback props are also shown where the framework uses callbacks instead of emitted template events.
| Name | Type | Default | Description |
|---|---|---|---|
space | string | — | The space ID that owns the form. Required. |
form | string | — | The form ID to render. Required. |
language | string | 'en' | Translation key used by the form UI. |
config | UserConfig | {} | Action settings, translations, and class-name mappings. |
initialFormData | Form | undefined | Preloaded form data. Skips the initial client-side request when supplied. |
getFormData | (space, form) => Promise<Form> | undefined | Server-component form loader. |
input | (data: UserData) => void | undefined | Field-change callback. Available on JCeesFormsClient. |
reset | () => void | undefined | Form-reset callback. Available on JCeesFormsClient. |
submit | (data: SubmitData) => void | undefined | Submit-attempt callback. Available on JCeesFormsClient. |
mailSend | (data: { success: boolean }) => void | undefined | Configured email-delivery callback. Available on JCeesFormsClient. |
Server-side data
Use getFormData(space, form) to provide a custom server-side loader, or initialFormData when your application has already loaded the form.