Lightning Components Developer’s Guide

Getting Started
Creating Components
Components
Component Markup
Component Namespace
Component Bundles
Component IDs
HTML in Components
CSS in Components
Component Attributes
Component Composition
Component Body
Component Facets
Best Practices for Conditional Markup
Using Labels
Using Custom Labels
Input Component Labels
Setting Label Values via a Parent Attribute
Localization
Enabling Lightning Components in Salesforce1
Adding Lightning Components to Salesforce1
Configure Components for Lightning Pages and the Lightning App Builder
Adding Components to Apps
Providing Component Documentation
Expressions
UI Components
Supporting Accessibility
Communicating with Events
Creating Apps
Debugging
Reference
PDF

Newer Version Available

This content describes an older version of this product. View Latest

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.

1swfobject.registerObject("clippy.codeblock-0", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<ui:inputNumber label="Pick a Number:" value="54" />

The label is placed on the left of the input field and can be hidden by setting labelClass="assistiveText". assistiveText is a global style class used to support accessibility.