docs(Tooltip): add usage example for Tooltip on disabled elements

CHANGELOG.md

@@ -28,6 +28,9 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 ### Performance
 - Add rendering performance telemetry @miroslavstastny ([#2079](https://github.com/microsoft/fluent-ui-react/pull/2079))
 
+### Documentation
+- Add usage example for `Tooltip` on disabled elements @mnajdova ([#2091](https://github.com/microsoft/fluent-ui-react/pull/2091))
+
 <!--------------------------------[ v0.40.2 ]------------------------------- -->
 ## [v0.40.2](https://github.com/stardust-ui/react/tree/v0.40.2) (2019-10-30)
 [Compare changes](https://github.com/stardust-ui/react/compare/v0.40.1...v0.40.2)

docs/src/examples/components/Tooltip/Usage/TooltipExampleDisabledTrigger.shorthand.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react'
+import { Button, Tooltip } from '@stardust-ui/react'
+
+const TooltipExampleDisabledTrigger = () => {
+  return (
+    <Tooltip
+      trigger={
+        <div style={{ display: 'inline-block' }}>
+          <Button disabled content="Hover me" />
+        </div>
+      }
+      content="This tooltip is set on the div wrapping the disabled button"
+    />
+  )
+}
+
+export default TooltipExampleDisabledTrigger

docs/src/examples/components/Tooltip/Usage/index.tsx

@@ -10,6 +10,11 @@ const Usage = () => (
       description="By default Tooltip uses trigger element as the one it is displayed for, but it is possible to provide any DOM element as tooltip's target."
       examplePath="components/Tooltip/Usage/TooltipExampleTarget"
     />
+    <ComponentExample
+      title="Disabled Trigger"
+      description="When the tooltip should appear on a disabled element, it should be added on the wrapper on the element."
+      examplePath="components/Tooltip/Usage/TooltipExampleDisabledTrigger"
+    />
   </ExampleSection>
 )