---
schema_version: "1"
id: c84665eae888f238f5718e2ebe39cba2aabec4b92d98d8bd8b63e2370d076936
title: Profile Menu Interface
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/forceCommunity/profileMenuInterface/forceCommunity-profile-menu-interface.md
canonical_url: https://developer.salesforce.com/docs/platform/lightning-component-reference/guide/forceCommunity-profile-menu-interface.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 20db466518d16064b257f55dd76edb9c37a0fbb12a9c79b5b476dfa49e7ec835
products:
  - Lightning Component Reference
---
# Profile Menu Interface

**`forceCommunity:profileMenuInterface`**

Enables a component to be used as a custom profile menu in Experience Builder.

**For Use In**

Experience Builder Sites

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

:::::tab

To appear in Experience Builder as a custom profile menu, a component must implement `forceCommunity:profileMenuInterface`.

Here's the sample code for a simple profile menu component.

```xml
<aura:component implements="forceCommunity:profileMenuInterface" access="global">
    <aura:attribute name="options" type="String[]" default="Option 1, Option 2"/>
    <ui:menu >
        <ui:menuTriggerLink aura:id="trigger" label="Profile Menu"/>
        <ui:menuList class="actionMenu" aura:id="actionMenu">
            <aura:iteration items="{!v.options}" var="itemLabel">
                <ui:actionMenuItem label="{!itemLabel}" click="{!c.handleClick}"/>
            </aura:iteration>
        </ui:menuList>
    </ui:menu>
</aura:component>
```

After you create a custom profile menu component, admins can select it in Experience Builder in Settings | Theme to replace the template’s standard Profile Header component.


:::::

:::::tab

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


:::::

::::::