Skip to main content

Hi! I have a problem that I don’t know how to solve and can’t find a solution on the internet

I have a Notification component that has 2 states: “Default and Hover”

In the hover state, it has 2 buttons - “Also Deliver to” and “Notification Enabled” (are one component with icon swap instances)

The button component has a tooltip that displays on hovering

The tooltip has a content property to change the tooltip label
img 1

So I need to make it so I can change the label of the tooltip depending on the button. It works in the edit window, as you can see I can change the tooltip label to “Also Deliver to”, but when I go to Preview mode, it shows the default tooltip text on hovering
[https://i.ibb.co/BNDTK27/SCR-20230605-onei.png](https://img 2)

How to solve this? Thanks!

I think that you have found a solution to your problem and/or that it is no longer necessary.
You can find a possible answer to this question here:

I also have this problem at the moment and the solution given in my link has helped me. So that I don’t change the names of the nested components.

To be honest, I find it significant and incredibly annoying that this bug has been discussed and reported so often and no one has yet bothered to solve this problem.

In the worst case: Just don’t let me change the names in this case. Would be a bad solution but at least you get the desired behavior and don’t have to dig through Google to find this strange train of thought.

Rejoiced too soon… I just realized that the status of the first element must not be changed if it is to work…

Terms & ConditionsCookie settingsAccessibility statement