alexa
menu

Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Search Results for

    Show / Hide Table of Contents

    Enum FloatLabelType

    Defines the floating label behavior for input components, controlling how and when the label transitions from placeholder to floating position.

    Namespace: Syncfusion.Blazor.Inputs
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public enum FloatLabelType
    Remarks

    The floating label provides enhanced user experience by transforming the placeholder text into a label that appears above the input field. This behavior helps maintain context while the user interacts with the input, ensuring they always know what information is expected. The different modes offer flexibility for various design patterns and user interaction preferences.

    Examples

    Setting floating label behavior:

    <SfTextBox FloatLabelType="FloatLabelType.Auto" Placeholder="Enter your name"></SfTextBox>

    Fields

    Name Description
    Always

    The label is permanently positioned above the input field, regardless of focus state or content.

    Auto

    The label automatically transitions to a floating position above the input when the field receives focus or contains a value.

    Never

    The label remains static as a placeholder and never transitions to a floating position above the input.

    In this article
    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved