#Form

#Components

#Card

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

#Section

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

#ViewContainer

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

#EditContainer

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

#Appearance

Form.Appearance is a provider for theming form fields.

#ButtonRow

Form.ButtonRow is a wrapper for horizontally separated buttons.

#Handler

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

#InfoOverlay

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

#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.

#MainHeading

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

#SubHeading

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

#SubmitButton

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

#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.

#SubmitIndicator

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

#Toolbar

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

#Visibility

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

#clearData

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

#getData

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

#setData

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

#useData

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

#useSnapshot

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

#useTranslation

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

#useValidation

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