title: UIKit - Passing Options via Javascript
body: <p>I have a simple dialog box, which looks like the below:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="uk-modal-body"&gt;
      &lt;h2 class="uk-modal-title"&gt;Title&lt;/h2&gt;
      &lt;p&gt;Some Text....&lt;/p&gt;
      &lt;p class="uk-text-right"&gt;
      &lt;button id="information-button" class="uk-button uk-button-default uk-modal-close" type="button"&gt;More Information&lt;/button&gt;
      &lt;button id="agree-button" class="uk-button uk-button-primary uk-modal-close" type="button"&gt;Agree&lt;/button&gt;
      &lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>And I am calling it to render in the following manner:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>UIkit.modal.dialog(Popup, { 'bg-close' : false });</code></pre>
  </div>
  </div>
  </p>
  
  <p>The dialog box works and renders just fine, however the options are not passed. I have also tried passing <code>bg-close</code> in the HTML in various places with no luck.</p>