Add Components as Custom Tabs in a Lightning Experience App

Make a Lightning web component available in a custom tab, so that it’s accessible in Lightning Experience, both on desktop and in the Salesforce mobile app.

To configure a Lightning web component to be used as a custom tab, see Configure Components for Custom Tabs.

To include your component in a Lightning Experience app and make it available to desktop and mobile users in your org, follow these steps.

  1. Create a custom tab for the 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.

      Your Lightning component is now available from the All Items section of the App Launcher on desktop, and the All Items navigation menu item in the Salesforce mobile app.

  2. Add your Lightning component to a Lightning app’s navigation.

    1. From Setup, enter Apps in the Quick Find box, then select App Manager.

    2. Edit an existing app or create an app.

    3. On the Navigation Items screen, select your Lightning component tab from the Available Items list and move it to the Selected Items list.

    4. Save the app.

  3. Check your output.

    1. Navigate to the App Launcher in Lightning Experience on desktop or in the Salesforce mobile app.

    2. Search for the custom app name and click it.

    3. See the component that you added.