Components / Labels / API

LabelComponent

Represents the Kendo UI Label component for Angular.

Associates a label with input elements or components.

@Component({
  selector: 'my-app',
  template: `
    <kendo-label [for]="input" text="First name">
      <input [(ngModel)]="name" kendoTextBox #input />
    </kendo-label>
  `
})
class AppComponent {
    public name = 'John';
}

Selector

kendo-label

Export Name

Accessible in templates as #kendoLabelInstance="kendoLabel"

Inputs

for any

Associates the label with a component by a template reference, or with an HTML element by id.

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.