title: How do I get tailwinds active breakpoint in JavaScript?
body: <p>I am building tailwind with config file and including it in a react project.</p>
  
  <p>I would like to get the active breakpoint value in javascript/React. How can I achieve the same.?</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="block  sm:hidden md:hidden lg:hidden xl:hidden"&gt;al&lt;/div&gt;
    &lt;div class="hidden sm:block  md:hidden lg:hidden xl:hidden"&gt;sm&lt;/div&gt;
    &lt;div class="hidden sm:hidden md:block  lg:hidden xl:hidden"&gt;md&lt;/div&gt;
    &lt;div class="hidden sm:hidden md:hidden lg:block  xl:hidden"&gt;lg&lt;/div&gt;
    &lt;div class="hidden sm:hidden md:hidden lg:hidden xl:block"&gt;xl&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The above shows the active breakpoint. but how do i get the same in js without including any of the above markup.?</p>