---
schema_version: "1"
id: b7604639308d5081ac373fa3f8e3a29fc1713e8f5dc8fd1f78e4b1f8f351fcdd
title: App Hostable
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/lightning-base-components/lightning-design-system/guides/aura/components/force/appHostable/force-app-hostable.md
canonical_url: https://developer.salesforce.com/docs/platform/lightning-component-reference/guide/force-app-hostable.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 3732048c19d6904c434e21230107ac1c221bf17ece575f551b2aba767f19a566
products:
  - Lightning Component Reference
---
# App Hostable

**`force:appHostable`**

Enables an Aura component to be used as a custom tab.

**For Use In**

Lightning Experience, Salesforce Mobile App

::::::tabset{tabs='["Develop", "Specifications"]'}

:::::tab

Add the `force:appHostable` interface to an Aura component to allow it to be used as a custom tab in Lightning Experience or the Salesforce mobile app. Components that implement this interface can be used to create tabs in both Lightning Experience and the Salesforce mobile app.

This interface is a marker interface. A marker interface is a signal to the component’s container to add the interface’s behavior to the component. You don’t need to implement any specific methods or attributes in your component, you simply add the interface name to the component’s `implements` attribute.

## Example

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

    <!-- Simple tab content -->
    <h1>My Tab</h1>

</aura:component>
```

The `force:appHostable` interface makes the component available for use as a custom tab.

For more information, see [Add Lightning Components as Custom Tabs in a Lightning App](https://help.salesforce.com/s/articleView?id=platform.aura_add_cmp_lex.htm).


:::::

:::::tab

![No specifications to show](https://developer.salesforce.com/media/no-specs.png)


:::::

::::::