[Feature Request]: Add Menu Button component like in SAP UI5

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.

https://sap.github.io/ui5-webcomponents/

Apache License 2.0

1.55k stars 266 forks source link

[Feature Request]: Add Menu Button component like in SAP UI5 #8625

Closed Vir-Mittal closed 6 months ago

Vir-Mittal commented 7 months ago

Feature Request Description

SAP UI5 has a component called Menu Button - https://openui5nightly.hana.ondemand.com/entity/sap.m.MenuButton/sample/sap.m.sample.MenuButton/code

This supports showing text/icon along with a dropdown icon to open a menu -

This is currently not available in the webcomponents library

Proposed Solution

Add the component to the library

Proposed Alternatives

No response

Organization

SuccessFactors

Additional Context

No response

Priority

High

Privacy Policy

[X] I’m not disclosing any internal or sensitive information.

ilhan007 commented 7 months ago

Hello @Vir-Mittal We have SplitButton and Menu components that can be used like this https://sap.github.io/ui5-webcomponents/nightly/components/SplitButton#opening-menu. Would that cover your use-case?

Vir-Mittal commented 6 months ago

Hi @ilhan007 thank you for your reply. I checked with our PM and UX and they are pushing for this new component because the SplitButton component does not cover the expected use-case (The SplitButotn has a vertical divider line in the middle)

NHristov-sap commented 6 months ago

Hello @SAP/ui5-webcomponents-topic-b,

take a look of this feature request.

Best Regards, Nikolay Hristov UI5 GitHub Dispatcher

tsanislavgatev commented 6 months ago

Hello @Vir-Mittal ,

Can you also check https://sap.github.io/ui5-webcomponents/nightly/components/Menu/ , the same can be achieved with a Button? You can use a ui5-button with icon or ui5-split-button, depending on the use case you want? Is there a specific reason why is a MenuButton needed, if the same thing can be achieved with ui5-button or ui5-split-button?

Best Regards, Tsanislav

Vir-Mittal commented 6 months ago

Hi @tsanislavgatev we tried using both those components - With ui5-button we can get something like -

With split button we can get -

But what our UX wants is something like -

This third button type we are unable to get using the current webcomponent library

Thanks, Vir

tsanislavgatev commented 6 months ago

Hello @Vir-Mittal Can you please check this sample

Best Regards, Tsanislav

Vir-Mittal commented 6 months ago

Hi @tsanislavgatev that works perfectly for us, thank you!