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.

Configure Components for Custom Tabs

Add the force:appHostable interface to an Aura component to allow it to be used as a custom tab in Lightning Experience, the Salesforce mobile app, and Salesforce mobile web.

Components that implement this interface can be used to create tabs in both Lightning Experience, the Salesforce mobile app, and the Salesforce mobile web.

Example Component

1<!--simpleTab.cmp-->
2<aura:component implements="force:appHostable">
3
4    <!-- Simple tab content -->
5
6    <h1>Lightning Component Tab</h1>
7
8</aura:component>

The appHostable interface makes the component available for use as a custom tab. It doesn’t require you to add anything else to the component.

Lightning Aura Components Developer Guide

Configure Components for Custom Tabs

Example Component

See Also