Form

Form container that holds FormElement children for collecting user input

Required Props: idSupports Children: FormElement

Structure

All styling goes in props.className as a single Tailwind utility string. Non-class props (text, src, alt, etc.) stay on their own keys. root.animation for scroll effects.

Properties

Property	Type	Description	Examples
`action`	string	Form submission URL	`/api/submit`
`method`	string GET \| POST	HTTP method Default: `"POST"`	-
`submissionType`	string \| iframe \| save \| emailSave	Type of form submission Default: `""`	-
`formName`	string	Name identifier for the form	`My Form`
`formType`	string subscribe \| contact	Type of form to display Default: `"subscribe"`	-
`view`	string \| loading \| loaded	Current form view state Default: `""`	-
`loading`	string	Loading state message text Default: `"Sending..."`	`Submitting your form...`
`anchor`	string	HTML anchor ID for navigation	`contact-form`
`mailto`	string	Email address for emailSave form type	`you@domain.com`
`formSettings`	object	Advanced form settings	-
`webhookEnabled`	boolean	POST JSON payload to webhookUrl on submit	-
`webhookUrl`	string	HTTPS endpoint for webhook submissions	-
`successAction`	string \| redirect	After successful submit	-
`successUrl`	string	Redirect URL when successAction is redirect	-
`canDelete`	boolean	- Default: `true`	-
`canEditName`	boolean	- Default: `true`	-
`custom`	object	Editor metadata	-
`className`	string	Tailwind utility classes string. Mobile-first: unprefixed = base, md: = 768px+, sm: = 640px+, lg: = 1024px+. Includes layout, spacing, surface design, and typography.	`flex flex-col gap-space-sm py-space-lg px-container-x md:flex-rowbg-primary text-primary-content rounded-box py-3.5 px-6 font-semibold`
`root`	object	-	-