# Label Overview

The Label component enables you to provide a label functionality to React components. It supports labelling both form elements (e.g.: `input` element) and custom focusable elements. It can contain Kendo React Input components such as KendoReact `DropDownList` and `NumericTextBox`, or HTML elements like `input`.

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the Label component in action.

[Demo Source](https://demos.telerik.com/kendo-react-ui/labels/label/basic/func/source.txt)

> The Label is part of the [KendoReact Labels](https://www.telerik.com/kendo-react-ui/components/labels) component library. All KendoReact Labels are freely available for use without a commercial license. The procedures for installing, importing, and using the Labels are identical for all components in the package. To learn how to use the Label and the rest of the Labels, see the [Getting Started with the KendoReact Labels](https://www.telerik.com/kendo-react-ui/components/labels/get-started) guide.

## Key Features

* [Editors with Invalid State](https://www.telerik.com/kendo-react-ui/components/labels/label/invalid-state)—You can set the Label in invalid state.
* [Optional](https://www.telerik.com/kendo-react-ui/components/labels/label/optional)—You can make the Label as option.
* [Without Form Element](https://www.telerik.com/kendo-react-ui/components/labels/label/without-form-element)—You can associate the Label with DOM elements that are `not` form elements.

## Suggested Links

* [API Reference of the Label Component](https://www.telerik.com/kendo-react-ui/components/labels/api/labelprops)