Add Lightning Components as Custom Tabs in Salesforce1

Make your Lightning components available for Salesforce1 users by displaying them in a custom tab.
Available in: Salesforce Classic 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 component you wish to add, include implements="force:appHostable" in your aura:component tag and save your changes.

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

The appHostable interface makes the component available as a custom tab.

Use the Developer Console to create Lightning components.

Include your components in the Salesforce1 navigation menu by following these steps.

  1. Create a custom Lightning component tab for the component. From Setup, enter Tabs in the Quick Find box, then select Tabs.
    Note

    Note

    You must create a custom Lightning component tab before you can add your component to the Salesforce1 navigation menu. Accessing your Lightning component from the full Salesforce site is not supported.

  2. Check your output by going to the Salesforce1 mobile browser app. Your new menu item should appear in the navigation menu.
    Note

    Note

    By default, the mobile browser app is turned on for your org. For more information on using the Salesforce1 mobile browser app, see the Salesforce1 App Developer Guide.