Blazor Label
The Blazor Label associates descriptive text with a form input for better accessibility - clicking the label focuses its input.
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.
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 Typography link
Use the TextStyle property to apply the same typography presets available on RadzenText (H1–H6, Subtitle, Body, Caption, Overline, etc.) without losing the semantic <label> element or its association with an input.
Label Styling link
Customize label appearance using the Style and class properties for different font sizes, colors, and weights.
Frequently asked questions
Why use the Blazor Label component?
It links descriptive text to a form input so clicking the label focuses the input and screen readers announce it, which improves accessibility.
Related
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT