---
schema_version: "1"
id: 36d7cc44dbbb4ffae96b5156b632a629cf23db6b22da44e8cc50977f1983cb36
title: Configure Components for Custom Tabs
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/aura-platform/guides/aura/components/components-using-lex-s1-config-tab.md
canonical_url: https://developer.salesforce.com/docs/platform/aura-platform/guide/components-using-lex-s1-config-tab.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 093873a385ab900ab60729a0cf03b2335651e42a8ddf4fa7609cab1d737d520c
products:
  - Lightning Aura Components Developer Guide
  - Platform Developer Content
---

# 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

```nolang
<!--simpleTab.cmp-->
<aura:component implements="force:appHostable">

    <!-- Simple tab content -->

    <h1>Lightning Component Tab</h1>

</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.

**See Also**  


-   [Add Aura Components as Custom Tabs in a Lightning Experience App](https://developer.salesforce.com/docs/platform/aura-platform/guide/components-using-lex-tab.md)