UI Shell header allow dropdowns from icons
See original GitHub issueUse 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!
Issue Analytics
- State:
- Created 4 years ago
- Comments:8 (5 by maintainers)
Top Results From Across the Web
UI shell header – Carbon Design System
Includes links and dropdowns for a simple navigation. Header with actions, Actions or utilities appear in the header as icon buttons to give...
Read more >UI shell header - Carbon Design System
This header is part of the Carbon UI shell. A shell is a collection of components shared by all products within a platform....
Read more >Adding Custom Icons to the Shell Header - SAP Help Portal
The method creates and displays a UI control (icon) in the shell header of the SAP Fiori launchpad. The new header control is...
Read more >How can I show Icons next to each with the remaining drop ...
I change some of your code. Not only the first icon button but also need to change the 4th icon button's HTML. I...
Read more >Design Guidelines. A dropdown menu allows the user to…
Recommendations. Use a button for the toggle. The button can contain either text or an icon; Order menu items by usage, except for...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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
Sorry no updates, its on the list for planning next cycle though.