FloatingLabelComponent
Represents the Kendo UI FloatingLabel component for Angular.
Provides floating labels to input
elements.
The FloatingLabel supports both Template and Reactive Forms and
can contain Kendo UI for Angular Input components such as kendo-combobox
and kendo-numerictextbox
, or kendo-textbox
.
<kendo-floatinglabel text="First name">
<kendo-textbox [(ngModel)]="name"></kendo-textbox>
</kendo-floatinglabel>
Selector
kendo-floatinglabel
Export Name
Accessible in templates as #kendoFloatingLabelInstance="kendoFloatingLabel"
Inputs
Name | Type | Default | Description |
---|---|---|---|
id |
|
Sets the | |
labelCssClass |
|
Sets the CSS Classes that will be rendered on the actual label element. Supports the type of values that are supported by ngClass directive. | |
labelCssStyle |
|
Sets the CSS Styles that will be rendered on the actual label element. Supports the type of values that are supported by ngStyle directive. | |
optional |
|
Allows marking a form field as optional. By default renders the The default value is | |
text |
|
Specifies the text content of the floating label which describes the input. |
Fields
Name | Type | Default | Description |
---|---|---|---|
labelPosition |
|
Represents the current floating label position. |
Events
Name | Type | Description |
---|---|---|
positionChange |
|
Fires after the floating label position is changed. |