[Toolbar] Support for Additional Components in Toolbar

[SinanOzdemir55]

Is your feature request related to a problem?

In previous versions of UI5, the Toolbar component supported a variety of UI5 elements and components. However, in the version 2.X.X, the documentation notes:

"Currently only ToolbarButton, ToolbarSelect, ToolbarSeparator, and ToolbarSpacer are allowed here."

This limitation has significantly reduced the flexibility of the Toolbar, as it now restricts developers from using other UI5 components inside the Toolbar, which was possible in earlier versions.

Describe the solution you'd like

We would like to request the re-introduction of support for additional components within the Toolbar, such as input fields, checkboxes, icons, and other UI5 elements that were previously supported. This flexibility was important for building complex user interfaces with the Toolbar.

Describe alternatives you've considered

Additional Context

Is there a plan to reintroduce support for other components in the Toolbar in future releases? If so, could you provide an estimated timeline for when we might expect this change?

Organization

SAP AITMS

Declaration

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

[MarcusNotheis]

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

[didip1000]

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

Can you please take a look at this feature request. I checked the documentation for the default toolbar slot, and it's says the same for both versions.

Thank you, Diana P.

[SinanOzdemir55]

Hello Diana,

Thank you very much for the quick reply.

Just to clarify where we got this information, please find below the documentation for v2 regarding the Toolbar.

Please let us know if you have any more questions.

Best regards, Sinan

New v2 src = https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/layouts-floorplans-toolbar--docs

Old v1 src = https://sap.github.io/ui5-webcomponents-react/v1/?path=/docs/layouts-floorplans-toolbar--docs

[Lukas742]

Hi @SinanOzdemir55,

I just wanted to make sure you're aware that you can still use the React-only ("old") Toolbar implementation (docs), which we've moved to our compat package (@ui5/webcomponents-react-compat). The compat package includes components that won't receive any updates (except for bug fixes), so this feature request still makes sense.

[petyabegovska]

Hi @SinanOzdemir55,

Adding additional components is planned but still cannot commit any timelines as we have design and architecture discussions. We will update you as soon as possible.

Best regards, Petya

[SinanOzdemir55]

Hi @Lukas742 and @petyabegovska
Thank you both for your quick responses. Best regards, Sinan

[fernandademery]

This issue also affects my team's usage of the Toolbar component. We can still use the legacy version available in @ui5/webcomponents-react-compat, but it would be relevant to know if there are plans to allows other children types to the Toolbar v2, such as title or text components and input fields for search.

[kozubikmichal]

Our teams at SAP Signavio Process Intelligence / Process Insights rely on Toolbar support of basically any type of child components as well. Currently we use v1 Toolbar (and during the migration will fallback to the -compat version) in combination with Button, Title and Input components from UI5, and in some cases with our custom react components (wrapped in divs, spans etc.)

[carl-qq]

Hi again: We need to have ToggleButtons in the toolbar (Signavio Collaborators) and would really like to not use the legacy toolbar and introduce tech debt. Are there any updates on this? Thank you.

[mishalov]

Hello, @kozubikmichal's comment is still up-to date. We heavily use Toolbar from the-compat version, because in the newer one we can't use other UI5 components (Inputs mainly)

[Aanchal1103]

Hi, any updates on this? We are discovering more issues because of our dependency on V1 Toolbar. It would be great to be able to migrate to V2 which we can only do after this issue is resolved.

[dobrinyonkov]

Hi all,

We're activly working on adding support for additional components in the toolbar.

Recently, we made the toolbar support physical items and the two existing wrappers ToolbarButton and ToolbarSelect are physical items. #11374

This sets the foundation for adding other components more easily in the future. You should already be able to place other types of content—like Title or ToggleButton—inside the toolbar. Example

Keep in mind that this is not yet final and has missing features like the never/always overflow configurations.

We're still deciding whether to continue with the wrapper-based approach (to maintain API control) or move toward a hybrid solution. I will post more information about this tomorrow.

Kind Regards, Dobrin

[petyabegovska]

Hi @mishalov,

Could you please specify which UI5 Web Components you're referring to, and which Input components in particular?

Best regards, Petya

[dobrinyonkov]

Hello, work on this will start with the next sprint - BGSOFUIPIRIN-6896. For starters, we will try with a single generic toolbar item wrapper that will enable all types of web components to be placed in a toolbar.

[dobrinyonkov]

Linking #12243