title: How to set offset between elements using popper.js?
body: <p>This is how I create my popper object:</p>
  
  <pre><code>varpositioner = new Popper($(".js-search-container").get(0),
      $(".js-search").get(0),
      {
          placement: 'bottom-start',
              offsets: {
                  top: '10px',
              }
      }
  );
  </code></pre>
  
  <p>I want to create some offset between the <code>js-search-container</code> and the <code>js-search</code> objects, but my attempt at setting an offset seems to have no effect.</p>
  
  <p>My investigations thus far:</p>
  
  <ul>
  <li>I have looked at the popper.js documentation, but haven't figured out the exact syntax I need to use.</li>
  <li>I have searched for examples but haven't found any example using offset that seem to work with popper.js v1/latest.</li>
  </ul>