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.

Label with Custom Content link

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

Required Field Indicators link

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

Label Styling link

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

✨ 오늘의 명언 & 마음의 양식

“남들이 가보지 않은 길을 따라가서 자신만의 흔적을 남겨라.”

— 랄프 발도 에머슨 (시인, 철학자)
On this page

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 🗙