Label Directive

The Label directive can associates a focusable Angular components and HTML elements with a <label> HTML tag by using the for property binding.

To associate a component using Label directive set the [for] property binding:

• to a template reference variable:

  Copy Code<label [for]="datepicker">DatePicker: </label>
  <kendo-datepicker #datepicker></kendo-datepicker>

• to an id HTML string value:

  Copy Code<label for="input">Input: </label>
  <input id="input" />

The following example demonstrates both approaches in action.

Suggested Links

• API Reference of the Label directive