---
schema_version: "1"
id: 888c23117390eeb6d090c854b634af4364c6e217f5b9ba8425c9736b5945d65d
title: Input Component Labels
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/aura-platform/guides/aura/labels/labels-overview.md
canonical_url: https://developer.salesforce.com/docs/platform/aura-platform/guide/labels-overview.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 23a957852de76d6bff078819b2dea49490ec96696c85ec02a71a52119f941078
products:
  - Lightning Aura Components Developer Guide
  - Platform Developer Content
---

# Input Component Labels

A label describes the purpose of an input component. To set a label on an input component, use the `label` attribute.

This example shows how to use labels using the `label` attribute on an input component.

<!-- otherprops: set_clipboard -->
```nolang
<lightning:input type="number" name="myNumber" label="Pick a Number:" value="54" />
```

The label is placed on the left of the input field and can be hidden by setting `variant="label-hidden"`, which applies the `slds-assistive-text` class to the label to support accessibility.

## Using `$Label`

Use the `$Label` global value provider to access labels stored in an external source. For example:

<!-- otherprops: set_clipboard -->
```nolang
<lightning:input type="number" name="myNumber" label="{!$Label.Number.PickOne}" />
```

To output a label and dynamically update it, use the `format()` expression function. For example, if you have `np.labelName` set to `Hello {0}`, the following expression returns `Hello World` if `v.name` is set to `World`.

<!-- otherprops: set_clipboard -->
```nolang
{!format($Label.np.labelName, v.name)}
```

**See Also**  


-   [Supporting Accessibility](https://developer.salesforce.com/docs/platform/aura-platform/accessibility/accessibility.md)