Hi Carlos,

The desired styling can be achieved through CSS only in both the regular Label and FloatingLabel components. The approach relies on targeting the DOM element that contains the label text, and adding a colored symbol after it using the `::after` pseudoselector. The following example demonstrates a sample implementation:

https://stackblitz.com/edit/angular-et5dzv?file=src%2Fapp%2Fapp.component.ts

Due to the low customer demand and the presence of a straight-forward generic solution, we are closing this feature request.

Regards,
Dimiter Topalov
Progress Telerik

Hi Carlos,

Thank you for the provided additional details.

Unfortunately, at the moment there does not seem to be a built in feature that allows to achieve the desired behavior. Thus, I converted this ticket to be a public feature request item, so that it can be voted for:
https://feedback.telerik.com/kendo-angular-ui/1407009-style-parts-of-a-floating-label-differently

This will help us to evaluate the demand for the feature request and eventually provide it in a future release of Kendo UI for Angular.

Regards,
Svetlin
Progress Telerik

Hi Carlos,

In terms of Kendo UI for Angular, we can add floating labels to inputs as demonstrated in the following article:
https://www.telerik.com/kendo-angular-ui/components/inputs/api/TextBoxContainerComponent/

Further check the following example demonstrating how we can bind the desired input to a formControl and apply conditionally the custom .red CSS class to its floating label:
https://stackblitz.com/edit/angular-q2kehs-jbxtdt?file=app%2Fapp.component.ts

I hope this helps. Let me know in case there is something unclear or further assistance is required for this case.

Regards,
Svetlin
Progress Telerik