New to Kendo UI for AngularStart a free 30-day trial

LabelComponent

Represents the Kendo UI Label component for Angular.

Associates a label with input elements or components.

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

Selector

kendo-label

Export Name

Accessible in templates as #kendoLabelInstance="kendoLabel"

Inputs

NameTypeDefaultDescription

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.

In this article
SelectorExport NameInputs
Not finding the help you need?
Contact Support