Label

Previous Next

Renders an accessible label associated with controls.

<div class="flex items-center gap-2">
    <Checkbox Id="terms" />
    <Label For="terms">Accept terms and conditions</Label>
</div>

Installation

Install the label component using the command or manual steps.

blazor-shadcn add label

Usage

@using BlazorShadcn.Components.UI
<Label For="email">Your email address</Label>

Label in Field Coming soon

For full form-field patterns in shadcn, use the Field component family. This fallback uses Label + Input until Field is implemented.

Coming Soon

API Reference

Label

Prop Type Default
Forstring?null
Classstring?null