@progress/kendo-angular-label
Version:
Kendo UI Label for Angular
39 lines (38 loc) • 1.64 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
/**
* Represents the type of the [`labelPosition`](slug:api_label_floatinglabelcomponent#labelposition) field and the parameter of the [`positionChange`](slug:api_label_floatinglabelcomponent#positionchange) event.
* Do not use this type to specify whether the FloatingLabel is outside or inside the associated component. [See example.](slug:events_floatinglabel)
*
* 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.
*
* @example
* ```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 {
* ...
* }
* }
* ```
*/
export type FloatingLabelPosition = 'Out' | 'In';