title: Demo: how to import this micromodal library
body: <p>I'm trying to implement this in my React Web app. However, I have no idea how to import it. <a href="https://micromodal.now.sh/" rel="nofollow noreferrer">https://micromodal.now.sh/</a></p>
  
  <p>I have tried npm install micromodal --save and then downloaded the cdn link to the min.js file and added it to my project as well as the demo CSS: <a href="https://gist.github.com/ghosh/4f94cf497d7090359a5c9f81caf60699" rel="nofollow noreferrer">https://gist.github.com/ghosh/4f94cf497d7090359a5c9f81caf60699</a></p>
  
  <p>On the file that I want to use it, I tried:</p>
  
  <pre><code>&lt;a data-micromodal-trigger="modal-1"&gt;
  //some image
  &lt;/a&gt;
  </code></pre>
  
  <p>And then did:</p>
  
  <pre><code>    &lt;div id="modal-1"&gt;
  //contents of example modal
      &lt;/div&gt;
  </code></pre>
  
  <p>Can someone create a mini react project that shows how to implement this library on the click of a link. Thank you!!</p>