UI Shell header allow dropdowns from icons

[gptt916]

Use this template if you want to request a new feature, or a change to an
existing feature.

If you are reporting a bug or problem, please use the bug template instead.

Summary

Currently, the UI shell is quite restrictive in that users are only allowed to use the dropdown menu with text, and the icons on the right hand side do not support dropdown menus.

Justification

More flexibility in configuration of the UI shell.

Desired UX and success metrics

Either:

Allow the icons on the right hand side HeaderGlobalAction to have a drop down.

Or

Allow the dropdown menus in the nav section on the left to display an icon instead of strictly text.

"Must have" functionality

Icon + dropdown functionality.

Specific timeline issues / requests

It's for a project currently being worked on. Jan 31.

Thank you!

[asudoh]

CC @carbon-design-system/design to see if the team has any thoughts on this. Thanks!

[aagonzales]

We can look into adding this feature with rest of the UI Shell work we have coming this year. We will have to wait and see when this work gets prioritized and added to planning.
#5152

[gptt916]

@aagonzales Any updates on potential ETA?

[aagonzales]

Sorry no updates, its on the list for planning next cycle though.

[yelvert]

A year later, this appears to still be impossible. Any updates?

[one-carlos]

I'm waiting for an update too. This should be a basic feature within Carbon Components. Yet, even the carbondesignsystems website has the app switcher and search icons with no actions at all. It seems odd and should be fixed as well. I know we can make the components ourselves (I'm on React right now), but it'll be great if such feature was already there.

[NeverBehave]

FYI: It looks like https://www.ibm.com/us-en is actually using Overflowmenu in HeaderGlobalBar right now

[jnm2377]

We are releasing a new Popover and Disclosure component that may help in building this in v11. However, this needs more design research at the moment before we decide on anything.

[ENate]

Is it possible to add an overflow menu under a given icon in UI shell header at this time? I see that this was archived with no mention of whether the feature has been added. Thanks.

[ENate]

Hi @NeverBehave were you able to find an alternative to the issue like using the example you pasted? I will like to find some alternative since it seems this feature has not been added yet. Thanks

[NeverBehave]

@ENate I am no longer using carbon system and working at IBM so I didn't look into this issue anymore.

[ENate]

@NeverBehave thanks