[Question]: How to apply a ToggleTip to an element that is not a button?

[marcellobarile]

Question for Carbon

Reading the documentation, the ToggletipButton wrapping component makes clear that only buttons can be used as children. Is this true? What if, for example, I want to add a Toggletip to a Tabs navigation?

Code of Conduct

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

[tay1orjones]

Hey there 👋 Yes, right now it's not possible to put a ToggleTip on a Tab, but it has been suggested that this (or a Tooltip) be added to improve accessibility, #13029.

You may be able to use a Popover or Tooltip with the Tab though. I don't believe it's been directly tested though, so it might require some additional styling. I'm not sure if/how it could impact accessibility of the tabs either.

I hope this helps! Happy to continue the conversation here if you have further questions.

[marcellobarile]

Thanks @tay1orjones, the intermediate solution was actually using the regular Tooltip component :)