Lightning Aura Components Developer Guide

What Is the Lightning Component Framework?
Quick Start
Creating Components
Component Names
Create Aura Components in the Developer Console
Component Markup
Component Namespace
Component Bundles
Component IDs
HTML in Components
CSS in Components
Component Attributes
Using Expressions
Component Composition
Component Body
Component Facets
Controlling Access
Using Object-Oriented Development
Best Practices for Conditional Markup
Aura Component Versioning
Components with Minimum API Version Requirements
Validations for Aura Component Code
Using Labels
Localization
Providing Component Documentation
Working with Base Lightning Components
Working with UI Components
Supporting Accessibility
Button Labels
Audio Messages
Forms, Fields, and Labels
Events
Menus
Using Components
Communicating with Events
Creating Apps
Styling Apps
Developing Secure Code
Using JavaScript
Working with Salesforce Data
Using Apex
Testing Components with Lightning Testing Service
Debugging
Performance
Reference
PDF

Newer Version Available

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

Button Labels

Buttons can appear with text only, an icon and text, or an icon without text. To create an accessible button, use lightning:button and set a textual label using the label attribute.

You can create accessible buttons using ui:button but they don’t come with Lightning Design System styling. We recommend using lightning:button instead.

Note

Button with text only:

Button with icon and text:

Button with icon only:

The alternativeText attribute provides a text label that’s hidden from view and available to assistive technology.

This example shows the HTML generated by lightning:button: