Radzen Blazor Components

Label

Demonstration and configuration of the Radzen Blazor Label component.

The RadzenLabel component creates accessible labels for form inputs. When properly associated with an input component via the Component property, clicking the label focuses the input, improving usability and accessibility. These demos showcase basic label-input associations, labels with various input types, custom content including required field indicators, and integration with FormField for complete form layouts.

Basic Label with Input link

Use the Text property to display label text and the Component property to associate the label with an input by matching the input's Name property.

Click on any label to focus its associated input field.

Labels with Different Input Types link

RadzenLabel works seamlessly with all Radzen input components, creating proper label-input associations for enhanced accessibility.

Select a country

Label with Custom Content link

Use ChildContent to create labels with rich content including icons, badges, required indicators, or formatting.

Medium
Hex
R
G
B
A

Required Field Indicators link

Add visual indicators for required fields using custom content with asterisks, badges, or other markers.

Select a country

Label Styling link

Customize label appearance using the Style and class properties for different font sizes, colors, and weights.

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

Radzen Blazor Studio

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

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙