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

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:

    <label [for]="datepicker">DatePicker: </label>
    <kendo-datepicker #datepicker></kendo-datepicker>
  • to an id HTML string value:

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

The following example demonstrates both approaches in action.

View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?