FloatingLabelPosition

Represents the type of the labelPosition field and the parameter of the positionChange event. Do not use this type to specify whether the FloatingLabel is outside or inside the associated component. See example.

The possible values are:

• Out—Indicates that the FloatingLabel is outside the component it is associated with.
• In—Indicates that the FloatingLabel is inside the component it is associated with.

typescript

import { Component } from "@angular/core";
import { KENDO_FLOATINGLABEL, FloatingLabelPosition } from "@progress/kendo-angular-label";

@Component({
  selector: "my-app",
  standalone: true,
  imports: [KENDO_FLOATINGLABEL],
  template: `
    <kendo-floatinglabel
      (positionChange)="labelPosition($event)"
      text="Enter First Name"
    >
      <kendo-textbox [style.width.px]="180"></kendo-textbox>
    </kendo-floatinglabel>
  `,
})
export class AppComponent {
  labelPosition(position: FloatingLabelPosition): void {
    ...
  }
}

type FloatingLabelPosition = "Out" | "In";