Blazor FormField

Features a floating label effect, helper text, validation messages, and multiple input variants.

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

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

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