#Form

#Components

#Form.Card

Form.Card is a wrapper for the Card component to make it easier to use inside a form.

#Form.Section

Form.Section lets you compose blocks of fields and values to be reused in different contexts.

#Form.Section.ViewContainer

Form.Section.ViewContainer enables users to toggle (with animation) the content of each item between the view and edit container.

#Form.Section.EditContainer

Form.Section.EditContainer enables users to toggle (with animation) the content of each item between the view and edit container.

#Form.Appearance

Form.Appearance is a provider for theming form fields.

#Form.ButtonRow

Form.ButtonRow is a wrapper for horizontally separated buttons.

#Form.clearData

Form.clearData lets you clear the data of a form.

#Form.ErrorMessages

Error messages in Eufemia Forms are used to provide feedback to users when there are issues with their input.

#Form.getData

Form.getData lets you access your form data outside of the form context.

#Form.Handler

The Form.Handler is the root component of your form. It provides an HTML form element and handles the form data.

#Form.InfoOverlay

Form.InfoOverlay is used to display an informational message that fully covers the available space.

#Form.Isolation

Form.Isolation lets you isolate parts of your form so data and validations are not shared between the Form.Handler until you want to.

#Form.MainHeading

Form.MainHeading is a standardized main heading for sections, ensuring default layout, spacing etc.

#Form.SchemaValidation

Schema validation can be done with a JSON Schema which makes it possible to describe the data structure and validation needs, both for the individual value, and more complex rules across the data set.

#Form.Section.Toolbar

Form.Section.Toolbar is a helper component to be used within an Form.Section.ViewContainer and Form.Section.EditContainer.

#Form.setData

Form.setData lets you set or modify your form data outside of the form context.

#Form.SubHeading

Form.SubHeading is a standardized sub heading for sections, ensuring default layout, spacing etc.

#Form.SubmitButton

Form.SubmitButton connects to the Form.Handler to submit the active state of the internal DataContext, triggering onSubmit.

#Form.SubmitConfirmation

Form.SubmitConfirmation can be used to prevent the Form.Handler from submitting, and makes it possible to show a confirmation dialog in different scenarios.

#Form.SubmitIndicator

Form.SubmitIndicator lets you show an indicator while async form operations are performed.

#Form.useData

Form.useData lets you access or modify your form data outside of the form context within your application.

#Form.useSnapshot

Form.useSnapshot lets you store data snapshots of your form data, either inside or outside of the form context.

#Form.useSubmit

Form.useSubmit lets you trigger form submit from outside the form element, e.g. when the submit button is in a modal footer or toolbar.

#Form.useTranslation

Form.useTranslation is a hook that returns the translations for the current locale.

#Form.useValidation

Form.useValidation lets you monitor and modify field status or your form errors outside of the context.

#Form.Visibility

Form.Visibility makes it possible to hide components and elements on the screen based on the dynamic state of data.