No JS detection github location npm version

Include this snippet directly in your <head> along with adding class .vf-no-js to your <html> (<html class="vf-no-js">).

HTML
<script>
  // Detect if JS is on and swap vf-no-js for vf-js on the html element
  (function(H) {
    H.className = H.className.replace(/\bvf-no-js\b/, 'vf-js')
  })(document.documentElement);
</script>
              

Usage

If JS is enabled in a user's browser, .vf-no-js will be swapped to .vf-js.

This method allows using CSS to conditionally show content.

.vf-no-js .js-is-not-on {
/* SHOW block that says you need js to use this site */
}
.vf-js .js-is-not-on {
/* HIDE block that says you need js to use this site */
}

Changelog

Changelog

1.0.23

  • small change to cards on homepage

1.0.18

  • dependency bump

1.0.17

  • dependency bump

1.0.16

  • dependency bump

1.0.13

  • dependency bump
  • adds roamap and consultation docs

1.0.12

  • design token documenation now lives in the component libary

1.0.7

  • adds updates blog

1.0.6

  • begin to make more pattern/boilerplate guidance
  • minor templating updates

1.0.5

  • dependency bump

1.0.4

  • uses vf-favicon
  • adds meta attributes

1.0.3

  • run vf-component-assets:everything on local dev
  • remove reference to removed /css/app.css

1.0.2

  • Add 404
  • Fix component CSS generation

1.0.1

  • Also generate per-component CSS with vf-css:generate-component-css

1.0.0

  • Initial release to be used with vf-core 2.2.0

Assets



File system location: components/vf-no-js

Find an issue on this page? Propose a change or discuss it.