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.

In this article

Not finding the help you need?