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.

Disabled FormField link

To disable a FormField, just set the Disabled property of the input component to true.

All the tools in one place

Code Less. Deliver More.

With Radzen Subscription you get the full toolkit. Get started now and save hours on every project.

task_alt

Complete Blazor development environment.

task_alt

Open technology stack. No vendor lock-in.

task_alt

Ready-to-use UI blocks and app templates.

task_alt

Advanced theming.

task_alt

Dedicated support backed by proven expertise.

task_alt

No hidden runtime costs.

Start Free See All Benefits

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT