---
title: Usage
position: 2
seo_title: Guidelines for Using the Form Component
seo_description: Get the knack of the Telerik and Kendo UI Form and learn how to
  use it by following the instructions and recommendations in the user
  guidelines created by our designers.
---
## Usage Guidelines

The Telerik and Kendo UI Form requires you to follow some basic principles when using the component.

### Grouping

Grouping in a form component involves organizing related form fields together to provide a clear and logical structure. By grouping form fields, users can easily understand the relationships and dependencies between different inputs, improving the overall usability and user experience of the form.

<DosDonts>
<Do description="Group related form fields together based on their context or purpose to improve the overall usability of the form.">![A Telerik and Kendo UI Form with related fields that are grouped](images/components-form-usage-grouping-do.png "A representation of a Telerik and Kendo UI Form with grouped related fields")</Do>
<Dont description="Avoid using multiple form fields with different context and purpose as this can lead to confusion and frustration.">![A Telerik and Kendo UI Form with multiple form fields with different context](images/components-form-usage-grouping-dont.png "A representation of a Telerik and Kendo UI Form with multiple form fields with different context")</Dont>
</DosDonts>


### Labels and Hints

Labels and hints are essential elements in a form component. They help users understand and interact with the form fields effectively.

<DosDonts>
<Do description="Use concise labels and hints to enhance the clarity and usability of the form.">![A Telerik and Kendo UI Form with concise labels and hints](images/components-form-usage-labesl-and-hints-do.png "A representation of a Telerik and Kendo UI Form with concise labels and hints")</Do>
<Dont description="The omission of labels and hints can hinder the usability and effectiveness of the form, potentially leading to user frustration and errors.">![A Telerik and Kendo UI Form with missing labels and hints](images/components-form-usage-labesl-and-hints-dont.png "A representation of a Telerik and Kendo UI Form with missing labels and hints")</Dont>
</DosDonts>