Components / Labels / API / LabelComponent /

New to Kendo UI for Angular? Start a free 30-day trial

LabelComponent

Associates a label with input elements or components.

<kendo-label [for]="input" text="First name">
  <kendo-textbox #input></kendo-textbox>
</kendo-label>

Selector

kendo-label

Accessible in templates as #kendoLabelInstance="kendoLabel"

Name	Type	Description
for	`any`	Associates the label with a component by a template reference, or with an HTML element by id.
labelCssClass	`any`	Sets the CSS Classes that will be rendered on the actual label element. Supports the type of values that are supported by ngClass directive.
labelCssStyle	`any`	Sets the CSS Styles that will be rendered on the actual label element. Supports the type of values that are supported by ngStyle directive.
optional	`boolean`	Allows marking a form field as optional. By default renders the `Optional` text when enabled. The text can be customized by providing a custom message (see example). The default value is `false`.
text	`string`	Specifies the text content of the label which describes the input.