carbon-design-system / carbon

A design system built by IBM
https://www.carbondesignsystem.com
Apache License 2.0
7.8k stars 1.8k forks source link

UI Shell header allow dropdowns from icons #5149

Open gptt916 opened 4 years ago

gptt916 commented 4 years ago

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 commented 4 years ago

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

aagonzales commented 4 years ago

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. https://github.com/carbon-design-system/carbon/issues/5152

gptt916 commented 4 years ago

@aagonzales Any updates on potential ETA?

aagonzales commented 4 years ago

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

yelvert commented 3 years ago

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

one-carlos commented 3 years ago

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 commented 3 years ago

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

jnm2377 commented 2 years ago

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 commented 7 months ago

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 commented 7 months ago

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 commented 7 months ago

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

ENate commented 7 months ago

@NeverBehave thanks