Add Lightning Components as Custom Tabs in Lightning Experience

Make your Lightning components available for Lightning Experience 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 components you wish to include in Lightning Experience, add implements="force:appHostable" in the aura:component tag and save your changes.

Use the Developer Console to create Lightning components.

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

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.
Add your Lightning components to the App Launcher.
1. From Setup, enter Apps in the Quick Find box, then select Apps.
2. Click New. Select Custom app and then click Next.
3. Enter Lightning for App Labeland click Next.
4. In the Available Tabs dropdown menu, select the Lightning Component tab you created and click the right arrow button to add it to the custom app.
5. Click Next. Select the Visible checkbox to assign the app to profiles and then Save.
Check your output by navigating to the App Launcher in Lightning Experience. Your custom app should appear in theApp Launcher. Click the custom app to see the components you added.

Lightning Components Developer Guide

Add Lightning Components as Custom Tabs in Lightning Experience