GitHub

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

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

The FormField can be used to render different types of form input components, such as RadzenTextBox, RadzenPassword, RadzenDropDown and more.

Filled
Flat
Text
Outlined
Hex
R
G
B
A

Start, End, and ChildContent

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.

Filled
Flat
Text
Outlined
account_circle
add_circle_outline
credit_card

Helper text

To display assistive content in a RadzenFormField, add <Helper> element after the <ChildContent>.

Filled
Flat
Text
Outlined
credit_card
* required

Validation

You can use validators inside a FormField.

Filled
Flat
Text
Outlined
Console log

Disabled FormField

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

Filled
Flat
Text
Outlined

Introducing Radzen Blazor Studio

Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful business Blazor apps. Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.


Source Code licensed under MIT

New

Radzen
Blazor Studio

Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful Blazor apps.

Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.

An error has occurred. This application may no longer respond until reloaded. Reload 🗙