docs: minor documentantion improvements

Author: gabrieljablonski

docs/docs/examples/content.mdx

@@ -41,17 +41,17 @@ import 'react-tooltip/dist/react-tooltip.css';
 
 <a
   id="tooltip-anchor-hide"
-  data-tooltip-content="hover on me will keep the tooltip"
-  data-tooltip-delay-hide={3000}
+  data-tooltip-content="It will take me 1000ms to close"
+  data-tooltip-delay-hide={1000}
 > ◕‿‿◕ </a>
 <Tooltip anchorId="tooltip-anchor-hide" />
 ```
 
 <div style={{ display: 'flex', columnGap: '16px', justifyContent: 'center', paddingTop: '36px' }}>
   <TooltipAnchor
     id="tooltip-anchor-hide"
-    data-tooltip-content="hover on me will keep the tooltip"
-    data-tooltip-delay-hide={3000}
+    data-tooltip-content="It will take me 1000ms to close"
+    data-tooltip-delay-hide={1000}
   >
     ◕‿‿◕
   </TooltipAnchor>
@@ -66,17 +66,17 @@ import 'react-tooltip/dist/react-tooltip.css';
 
 <a
   id="tooltip-anchor-show"
-  data-tooltip-content="hover on me will keep the tooltip"
-  data-tooltip-delay-show={3000}
+  data-tooltip-content="It took me 1000ms to open"
+  data-tooltip-delay-show={1000}
 > ◕‿‿◕ </a>
 <Tooltip anchorId="tooltip-anchor-show" />
 ```
 
 <div style={{ display: 'flex', columnGap: '16px', justifyContent: 'center', paddingTop: '36px' }}>
   <TooltipAnchor
     id="tooltip-anchor-show"
-    data-tooltip-content="hover on me will keep the tooltip"
-    data-tooltip-delay-show={3000}
+    data-tooltip-content="It took me 1000ms to open"
+    data-tooltip-delay-show={1000}
   >
     ◕‿‿◕
   </TooltipAnchor>

docs/docs/examples/delay.mdx

@@ -48,26 +48,6 @@ import 'react-tooltip/dist/react-tooltip.css';
   <Tooltip anchorId="tooltip-anchor" html="Hello<br />multiline<br />tooltip" />
 </div>
 
-### Using `data-tooltip-content`
-
-```jsx
-import { Tooltip } from 'react-tooltip';
-import 'react-tooltip/dist/react-tooltip.css';
-
-<a id="tooltip-anchor-data-content" data-tooltip-content="Hello<br />multiline<br />tooltip"> ◕‿‿◕ </a>
-<Tooltip anchorId="tooltip-anchor-data-content" />
-```
-
-<div style={{ display: 'flex', columnGap: '16px', justifyContent: 'center', paddingTop: '36px' }}>
-  <TooltipAnchor
-    id="tooltip-anchor-data-content"
-    data-tooltip-content="Hello<br />multiline<br />tooltip"
-  >
-    ◕‿‿◕
-  </TooltipAnchor>
-  <Tooltip anchorId="tooltip-anchor-data-content" />
-</div>
-
 ### Using `data-tooltip-html`
 
 ```jsx
@@ -84,8 +64,3 @@ import 'react-tooltip/dist/react-tooltip.css';
   </TooltipAnchor>
   <Tooltip anchorId="tooltip-anchor-html" />
 </div>
-
-#### Observations
-
-- When using `data-tooltip-content` the `<br />` works by default
-- When using prop `content` the `<br />` doesn't work by default, use prop `html` instead of this

docs/docs/examples/multiline.mdx

@@ -98,7 +98,7 @@ import { Tooltip } from 'react-tooltip'
 
 ### Styling
 
-If you want a styled tooltip, don't forget to add the style file `import 'react-tooltip/dist/react-tooltip.css`.
+If you want a styled tooltip, don't forget to add the style file `import 'react-tooltip/dist/react-tooltip.css'`.
 
 Basic styling can be done by overriding the following css variables.