# Label

Source: https://lumeo.nativ.sh/components/label

# Label

A text label for form controls.

## Installation

.NET CLI PackageReference Lumeo CLI

dotnet add package Lumeo

One-time app setup (`AddLumeo()`, CSS & JS) is covered in the [installation guide](docs/introduction).

## Usage

@using Lumeo

<Label />

## When to Use

-   Labeling form fields such as inputs, selects, checkboxes, and radio buttons
-   Improving accessibility by associating labels with their form controls
-   Indicating required fields with visual markers alongside label text

Preview Code

Default

Email address 

Preview Code

Required Field

Email address \*

We'll never share your email with anyone.

Password [Forgot password?](#)

Preview Code

Multiple Fields

First name 

Last name 

I agree to the terms and conditions

## API Reference

### Label

Prop

Type

Default

Description

ChildContent

RenderFragment?

null

The label text content.

For

string?

null

The id of the form element the label is associated with.

Class

string?

null

Additional CSS classes.

AdditionalAttributes

Dictionary<string, object>?

null

Additional HTML attributes.

## Related Components

-   [Input](/components/input) — For text input fields that labels are commonly paired with
-   [Form](/components/form) — For structured form layouts with built-in label and validation support
-   [Checkbox](/components/checkbox) — For boolean controls that benefit from inline labels