Skip to content

feat(ui5-user-menu): add support for custom footer in user menu#13046

Open
dobromiraboycheva wants to merge 8 commits intomainfrom
user-menu-custom-footer
Open

feat(ui5-user-menu): add support for custom footer in user menu#13046
dobromiraboycheva wants to merge 8 commits intomainfrom
user-menu-custom-footer

Conversation

@dobromiraboycheva
Copy link
Contributor

@dobromiraboycheva dobromiraboycheva commented Feb 9, 2026

Overview

Introducing a new footer slot to the UserMenu component, allowing applications to provide custom footer content instead of the default "Sign Out" button.

Structure

  • When no footer slot is provided, the default "Sign Out" button is displayed
  • When a footer slot with content is provided, the custom content replaces the default footer
  • When an empty footer slot is provided (<div slot="footer"></div>), the footer area is completely hidden

API

UserMenu new slot:

Slot Description
footer Defines custom footer content. When provided, replaces the default "Sign Out" button.

Usage

Default footer (Sign Out button):

<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>
image

Custom footer:

<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>
  <div slot="footer">
    <ui5-button icon="add" design="Transparent"></ui5-button>
    <ui5-button icon="log" design="Transparent">Sign Out</ui5-button>
  </div>
</ui5-user-menu>
image

Hidden footer:

<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>
  <div slot="footer"></div>
</ui5-user-menu>
image

Fixes: #12941
Fixes: #12942

@ui5-webcomponents-bot
Copy link
Collaborator

ui5-webcomponents-bot commented Feb 9, 2026

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 9, 2026 10:43 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 9, 2026 10:58 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 9, 2026 11:09 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 9, 2026 11:30 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 9, 2026 11:42 Inactive
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 12, 2026 08:29 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

2 participants