Skip to content

feat(ui5-user-menu): introduce infoArea slot#13679

Open
dobromiraboycheva wants to merge 2 commits into
mainfrom
user-menu-header-area
Open

feat(ui5-user-menu): introduce infoArea slot#13679
dobromiraboycheva wants to merge 2 commits into
mainfrom
user-menu-header-area

Conversation

@dobromiraboycheva

Copy link
Copy Markdown
Contributor

Overview

Introducing a new infoArea slot to the UserMenu component, allowing applications to surface a status indicator inside the User Menu's account block — for example, an active
proxy/impersonation session, a temporary elevation, or an environment notice.

Structure

  • When no infoArea slot is provided, the User Menu renders unchanged
  • When an infoArea slot with content is provided, it appears between the account's additional information and the "Manage Account" button
  • When an empty infoArea slot is provided (<div slot="infoArea"></div> or whitespace-only content), the area is not rendered

API

UserMenu new slot:

Slot Description
infoArea Defines the content of the info area inside the User Menu's account block. Typically a ui5-message-strip showing whole-menu status (proxy session, environment notice,
etc.). When empty, the User Menu renders unchanged.

Usage

No info area (default):

<ui5-user-menu>
  <ui5-user-menu-account slot="accounts" title-text="John Doe"></ui5-user-menu-account>
  <ui5-user-menu-item icon="action-settings" text="Setting" data-id="setting"></ui5-user-menu-item>
</ui5-user-menu>

With proxy banner:
<ui5-user-menu show-manage-account>
  <ui5-message-strip slot="infoArea" design="Information" hide-close-button>
    All actions are recorded under the proxy audit log.
  </ui5-message-strip>
  <ui5-user-menu-account slot="accounts" title-text="John Doe"></ui5-user-menu-account>
  <ui5-user-menu-item icon="action-settings" text="Setting" data-id="setting"></ui5-user-menu-item>
</ui5-user-menu>
Screenshot 2026-06-11 at 11 49 51

@sap-ui5-webcomponents-release

sap-ui5-webcomponents-release Bot commented Jun 11, 2026

Copy link
Copy Markdown

Comment thread packages/fiori/src/UserMenu.ts Outdated
Adds a new optional `infoArea` slot inside the User Menu's account
block, between the account's additional information and the
"Manage Account" button.

Typical use case: surface a `ui5-message-strip` with status that
applies to the whole menu - for example, an active proxy/
impersonation session, a temporary elevation, or an environment
notice.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants