question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

UI Shell header allow dropdowns from icons

See original GitHub issue

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!

Issue Analytics

  • State:open
  • Created 4 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
aagonzalescommented, Jan 27, 2020

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

1reaction
aagonzalescommented, Feb 26, 2020

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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found