New to KendoReact? Start a free 30-day trial

FormElement

Component

Represents the KendoReact FormElement component. It's small wrapper around HTML form element which automatically attach the Form component's onSubmit render prop and Kendo CSS classes. Other props are passed to the DOM node.

Definition

Package:@progress/kendo-react-form

Properties Interface:FormElementProps

Properties

Sets a class for the form DOM element.

Defines the number of columns in the form. Can be a number or an array of responsive breakpoints.

Defines the gutters for the form. You can specify gutters for rows and columns. Number is equivalent to px.

If set to true enable the horizontal layout of the form editors.

id?

string

Sets the id of the form DOM element. Takes priority over the Form's id.

size?

"small" | "medium" | "large"

Configures the size of the Form.

The available options are:

  • small
  • medium
  • large
Default:

undefined (theme-controlled)

Example:
jsx
<FormElement size="large" />

style?

CSSProperties

The styles that are applied to the form DOM element.

References

Represent the ref of the FormElement component.