Forms Support

The DropDownTree supports a native KendoReact implementation of HTML5 form validation.

The forms support enables you to validate input values and prevent the submission of forms which are in an invalid state.

ninja-iconThe DropDownTree is part of KendoReact, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

Functionality and Features

Setting Validation Requirements

The DropDownTree supports props for setting basic validation requirements. The required property enables the user to pre-define a selection that is required for a successful form submission.

Change Theme
Theme
Loading ...

Setting Custom Validation Messages

You can implement custom error messages which will be displayed when the DropDownTree is in an invalid state and the user tries to submit the form. To render a custom validation message, set the validationMessage prop.

Change Theme
Theme
Loading ...

Enforcing the Validity State

The DropDownTree enables you to set its validity state by utilizing its exposed props. Setting the validity state allows for the implementation of complex validation scenarios. To override the current validity state and apply the corresponding styles, use the valid prop.

Change Theme
Theme
Loading ...

Disabling the Validation Styling

By default, to achieve a visual representation of its invalid state, the DropDownTree applies the k-invalid class name to the wrapping component. To disable the utilization of k-invalid, set the validityStyles property to false.

Change Theme
Theme
Loading ...