UI Shell: Missing "selected" state for header items

[stanislavgeorgiev]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you're having.

We want to use the selected state of the UI Shell header item which is already presented on the documentation website: https://www.carbondesignsystem.com/components/UI-shell-header/style#menu-item

I couldn't find how that selected state is getting triggered and there's seems to be no reference to it on neither website nor on the header style file.

Is this issue related to a specific component?

UI Shell

What did you expect to happen? What happened instead? What would you like to
see changed?

There should be documentation on how to enable that selected state.

What browser are you working in?

Chrome

What version of the Carbon Design System are you using?

10.7.3

What offering/product do you work on? Any pressing ship or release dates we
should be aware of?

IBM ADDI

[asudoh]

@carbon-design-system/design Do we define such state...? Thanks!

[laurenmrice]

We should have a selected state mentioned above. I can't seem to trigger it in react for the links in the header.

[asudoh]

Thanks @laurenmrice! I now see the UI shell in the website is just a mockup, instead of a non-interactive demo.

[stanislavgeorgiev]

@asudoh Should I move this issue to the carbon-design-system/carbon repo?

[asudoh]

@stanislavgeorgiev I see the website needs to be changed to use the live demo instead of a mockup, and thus moved this issue from http://github.com/carbon-design-system/carbon to here, but don't hesitate to speak up if you see otherwise - Thanks!

[stanislavgeorgiev]

ok, I got what happened now. This issue is asking to have a selected class for the header items not to update the website to use live demo instead of a mock up thus I'd rather keep it in the Carbon repo where it was originally filed if that's ok with you.

[asudoh]

I see, thank you @stanislavgeorgiev for clarifying!

[asudoh]

Addressed by: #5504