Lightning Aura Components Developer Guide

Introducing Aura Components
Quick Start
Creating Components
Component Names
Create Aura Components in the Developer Console
Lightning Bundle Configurations Available in the Developer Console
Create Aura Components Using Salesforce CLI
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 for Managed Packages
Base Components with Minimum API Version Requirements
Validations for Aura Component Code
Using Labels
Localization
Working with Lightning Base Components
Supporting Accessibility
Writing Documentation for the Component Library
Using Components
Communicating with Events
Communicating Across the DOM with Lightning Message Service
Creating Apps
Styling Apps
Developing Secure Code
Using JavaScript
Working with Salesforce Data
Testing Components
Debugging
Performance
Reference
PDF

Note: This release is in preview. Features described here don’t become generally available until the latest general availability date that Salesforce announces for this release. Before then, and where features are noted as beta, pilot, or developer preview, we can’t guarantee general availability within any particular time frame or at all. Make your purchase decisions only on the basis of generally available products and features.

Create Aura Components in the Developer Console

The Developer Console is a convenient, built-in tool you can use to create new and edit existing Aura components and other bundles.
  1. Open the Developer Console.
    Select Developer Console from the Your Name or the quick access menu.
  2. Open the New Lightning Bundle panel for an Aura component.
    Select File | New | Lightning Component.
  3. Name the component.
    For example, enter helloWorld in the Name field.
  4. Describe the component.
    Use the Description field to add details about the component.
  5. Add component configurations to the new component.
    You can select as many options in the Component Configuration section as you wish, or select no configuration at all.
  6. Click Submit to create the component.
    Or, to cancel creating the component, click the panel’s close box in the top right corner.