[Feature Request]: Add a selected state to icon ghost buttons

[AmandaFurukawa]

The problem

Currently, there is no selected state for buttons, specifically the icon ghost button. The icon ghost button is used in the text toolbar but it's not very clear what the selected state is or if there is one, but there are settings like bold, and italic which should have a selected state to show that is it on/selected.

This is not specifically for the text toolbar, these settings could also be in a side panel or tearsheet.

The solution

Add selected state to the icon ghost button, we could use the existing color tokens layer-selected-01

Examples

No response

Application/PAL

Carbon for IBM Products

Business priority

Low Priority = release date is not dependent on fix or not upcoming

Available extra resources

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.

[alina-jacob]

Slack thread for context - Chat button's selected state

[AmandaFurukawa]

That chat button selected state just looks like a focus state though or maybe I'm missing it

[sstrubberg]

Possibly connected to the UI Shell workstream.

Can you elaborate more on your specific use-case?

[AmandaFurukawa]

@sstrubberg In our product users can add charts to a dashboard, the admin flow would be creating the charts, currently they select from a dropdown menu by selecting the chart name. Having an icon associated to the chart name would be helpful for users who are not familiar with chart names vs visuals. We initially wanted to just add the chart icons to the dropdown but was told that wasn't possible with the current dropdown component so we were exploring having icon buttons and the user can select from those but we would need a selected state to show which chart is selected.

Ex concept