Floating Label

Floating Labels enhance the interactivity of the components by adding labels that float on top when the associated fields are focused or filled.

Usage Guidelines

The Telerik and Kendo UI Floating Label requires you to follow some basic principles when using the component.

Clear Labels

Clear floating labels improve the usability of forms by conveying the purpose of each input and guiding users through the form completion process. Well-crafted floating labels enhance the overall user experience, making it easier for users to provide accurate and relevant information.

A Telerik and Kendo UI Floating Label with clear text
Use clear floating labels that accurately describe the associated form fields.
A Telerik and Kendo UI Floating Label with confusing and ambiguous text
Avoid using ambiguous or confusing floating labels that may lead to user misunderstanding.

Concise Labels

Concise floating labels help users quickly grasp the purpose and context of form fields, allowing for easier comprehension and form completion. By using concise floating labels, unnecessary verbosity is avoided, resulting in a more streamlined and user-friendly form interface.

A Telerik and Kendo UI Floating Label with concise text
Use short and concise floating labels that facilitate user understanding and form completion.
A Telerik and Kendo UI Floating Label with a lengthy text
Avoid using lengthy or redundant floating labels that add unnecessary words and impede quick reading.
Feedback