FormField
Radzen Blazor FormField component features a floating label effect. When the user focuses on an empty input field, the label floats above, providing a visual cue as to which field is being filled out. This can help improve the layout and overall user experience of your forms.
Variants link
The FormField can be easily customized to fit a wide range of form input needs. Set the Variant property to use Outlined, Flat, Filled, or Text variants.
Input types link
The FormField can be used to render different types of form input components, such as RadzenTextBox, RadzenPassword, RadzenDropDown and more.
Start, End, and ChildContent link
To render content before or after the input in a RadzenFormField, you need to add <Start> or <End> elements together with a <ChildContent> that contains the input component.
Floating Label link
By default, RadzenFormField has the floating label effect enabled. To disable it and always display the label fixed on top, use AllowFloatingLabel="false".
Helper text link
To display assistive content in a RadzenFormField, add <Helper> element after the <ChildContent>.
Validation link
You can use validators inside a FormField.
Console log
Disabled FormField link
To disable a FormField, just set the Disabled property of the input component to true.
Supercharge your Blazor development with Radzen Blazor Studio
Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.
Radzen Blazor Components, © 2018-2024 Radzen.
Source Code licensed under
MIT