title: How to change Position of ReactToolTip
body: <p>I am using <code>import ReactTooltip from 'react-tooltip'</code></p>
  <p>The problem is, I don't know how to change position of the tooltip. Is there any default function?</p>
  <p>I want output like shown in the below image.</p>
  <pre><code>&lt;ReactTooltip 
      id='notificationClickme' 
      place='right' 
      effect='solid' clickable={true}
      delayHide={500}
      delayShow={500}
      delayUpdate={500}
      place={'bottom'}
      border={true}
      isCapture ={true}
      type={'light'}
      ref= { el =&gt; this.tooltip = el}
  &gt;
  &lt;/ReactTooltip&gt;
  
  &lt;div id=&quot;notificationIcon&quot; className=&quot;notification cursor-pointer&quot; 
  data-tip data-for='notificationClickme' data-event='click'&gt;Notification icon image&lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/iILet.png" rel="nofollow noreferrer">currently i am getting like this </a></p>
  <p><a href="https://i.stack.imgur.com/DlPQP.png" rel="nofollow noreferrer">And ouput i want like this</a></p>