Lightning Aura Components Developer Guide

What Is the Lightning Component Framework?
Quick Start
Creating Components
Using Components
Aura Component Bundle Design Resources
Use Aura Components in Lightning Experience and the Salesforce Mobile App
Configure Components for Custom Tabs
Add Lightning Components as Custom Tabs in a Lightning Experience App
Add Lightning Components as Custom Tabs in the Salesforce App
Lightning Component Actions
Override Standard Actions with Aura Components
Navigate Across Your Apps with Page References
Get Your Aura Components Ready to Use on Lightning Pages
Use Aura Components in Community Builder
Use Aura Components with Flows
Add Components to Apps
Integrate Your Custom Apps into the Chatter Publisher
Using Background Utility Items
Use Lightning Components in Visualforce Pages
Add Aura Components to Any App with Lightning Out (Beta)
Lightning Container
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

Add Lightning Components as Custom Tabs in a Lightning Experience App

Make your Lightning components available for Lightning Experience users by displaying them in a custom tab in a Lightning Experience app.
Available in: Salesforce Classic (not available in all orgs) and Lightning Experience
Available for use in: Contact Manager, Group, Professional, Enterprise, Performance, Unlimited, and Developer Editions

Create Lightning components using the UI in Enterprise, Performance, Unlimited, Developer Editions, or a sandbox.

User Permissions Needed
To create Lightning Component Tabs: Customize Application

In the components you wish to include in Lightning Experience, add implements="force:appHostable" in the aura:component tag and save your changes.

1<aura:component implements="force:appHostable">

To create Aura components, use the Developer Console.

To display Lightning components in a custom tab in a Lightning Experience app, you must enable My Domain.

Follow these steps to include your components in Lightning Experience and make them available to users in your organization.

  1. Create a custom tab for this component.
    1. From Setup, enter Tabs in the Quick Find box, then select Tabs.
    2. Click New in the Lightning Component Tabs related list.
    3. Select the Lightning component that you want to make available to users.
    4. Enter a label to display on the tab.
    5. Select the tab style and click Next.
    6. When prompted to add the tab to profiles, accept the default and click Save.
  2. To check your output, navigate to the App Launcher in Lightning Experience. Click the custom app to see the components that you added.