feat(docs): add usage example with Tooltip for the actionable elements

[mnajdova]

This PR is adding usage example for the Button, MenuItem and ToolbarItem components for using Tooltip

Open questions:
Should we add tooltip for the disabled elements? - there is an example of this in the Toolbar example
Should we add tooltip examples of any other components, like Slider, or Popup and Dialog - as they have usually Button as a trigger

[codecov]

Codecov Report

Merging #1636 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master    #1636   +/-   ##
=======================================
  Coverage   71.28%   71.28%           
=======================================
  Files         852      852           
  Lines        7045     7045           
  Branches     2029     2008   -21     
=======================================
  Hits         5022     5022           
  Misses       2017     2017           
  Partials        6        6

Impacted Files	Coverage Δ
packages/react/src/components/Tooltip/Tooltip.tsx	61.97% <ø> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 775742d...5e2b332. Read the comment docs.

[sophieH29]

Should we add tooltip examples of any other components, like Slider, or Popup and Dialog - as they have usually Button as a trigger

I think Popup is good to have. I know there is one for the toolbar with Popup. But would be a plus to see a separate example of combining that nested logic with Popup's trigger and Tooltip's trigger

[mnajdova]

@sophieH29 I tried adding example for the Popup with tooltip, but it seems that accessibility is broken in this case:

With escape, the tooltip is only closed, we cannot close the Popup with escape... Not sure if we should add this example until we have working solution. Here is the code I tried:
https://codesandbox.io/s/stardust-ui-example-7ho97

[mnajdova]

As oppose to the prev comment for the issues of the Popup with tooltip, the toolbar item containing popup and tooltip on escape is closing only the popup, the tooltip can never be closed with this action. Should I remove this example for now and we can address these issues in a separate PR and add the examples together with the fix? @miroslavstastny I know you were investigating this, maybe you have some different proposal. @sophieH29 FYI

[miroslavstastny]

Let's solve Popup and Tooltip attached to the same trigger in a separate issue, discussing desired behavior first. As you described, accessibility is broken and there are some other problems I have found so far:

• Popup and Tooltip are not spreading props to trigger
• both have z-index: 1000, my gut feeling is Tooltip should have higher z-index than Popup

[mnajdova]

Thanks everyone, will add steps for the new screens and will merge it