---
title: Overview
position: 1
seo_title: Overview of the Label Component
seo_description: Learn about the basic features of the Telerik and Kendo UI Label component.
---
## Label Overview

The Label component is a fundamental element in form design that provides descriptive text or captions for form inputs. It helps users understand the purpose or expected input of each field, improving clarity and usability. Labels play a crucial role in creating accessible and user-friendly forms by enhancing the overall form structure and guiding users through the input process.

By default the Label can be set as part of the Telerik and Kendo UI Form component. Custom components that do not contain form element would require setting additional properties.

### Anatomy

The anatomy of the Label summarizes the elements of the component. 

The next image shows the anatomy of a Label and includes the following elements:

<BlueprintImage data='{"description":"","labels":[{"text":"Label"},{"text":"Associated component"}]}'>![A Telerik and Kendo UI Label component.](images/components-label-overview-anatomy.png "Anatomy and elements of a Telerik and Kendo UI Label component.")</BlueprintImage>

Depending on the elements they display, the Telerik and Kendo UI Labels can be marked as optional by setting the `optional` configuration to `true`:

<BlueprintImage data='{"description":"","labels":[]}'>![A Telerik and Kendo UI Label component set as optional](images/components-label-overview-optional.png "A representation of a Telerik and Kendo UI Label component that is set as optional")</BlueprintImage>

Optional labels are used to indicate that the associated form field is optional and not required for submission. They are denoted by italic text and brackets—*(Optional)*. Optional labels help users understand which fields are mandatory and which can be skipped.

### Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

<Wrap>

<ExternalResource data='{"title":"Kendo UI for Angular Form","description":"Find more information about the Kendo UI for Angular Form in the official product documentation of the component.","url":"http://www.telerik.com/kendo-angular-ui/components/labels/"}'>![Kendo UI for Angular logo.](/images/angular-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"KendoReact Form","description":"Find more information about the KendoReact Form in the official product documentation of the component.","url":"http://www.telerik.com/kendo-react-ui/components/labels/"}'>![Kendo UI for React logo.](/images/react-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for Vue Form","description":"Find more information about the Kendo UI for Vue Form in the official product documentation of the component.","url":"http://www.telerik.com/kendo-vue-ui/components/labels/"}'>![Kendo UI for Vue logo.](/images/vue-logo.svg)</ExternalResource>

</Wrap>
