docs(Popup): add example for delay prop in Popup (#3754)

* Docs(Popup): Added example to use delay with Popup.

Added new example to use show/hide delay with the Popup component.

* Update PopupExampleDelay.js

Author: SandipNirmal

docs/src/examples/modules/Popup/Usage/PopupExampleDelay.js

@@ -0,0 +1,14 @@
+import React from 'react'
+import { Button, Popup } from 'semantic-ui-react'
+
+const PopupExampleDelay = () => (
+  <Popup
+    content='Popup will hide in 500ms after leaving mouse.'
+    mouseEnterDelay={500}
+    mouseLeaveDelay={500}
+    on='hover'
+    trigger={<Button>Open After 500ms</Button>}
+  />
+)
+
+export default PopupExampleDelay

docs/src/examples/modules/Popup/Usage/index.js

@@ -107,6 +107,11 @@ const PopupUsageExamples = () => (
       examplePath='modules/Popup/Usage/PopupExampleDefaultOpen'
       renderHtml={false}
     />
+    <ComponentExample
+      title='Delay'
+      description='A popup can have delay in showing and hiding. This avoids accidental popup visibility.'
+      examplePath='modules/Popup/Usage/PopupExampleDelay'
+    />
   </ExampleSection>
 )