Skip to content

author-elements/slider

Repository files navigation

AuthorSliderElement Build Status

Source Size Deliverable Size npm

We're using BrowserStack to make sure these components work on the browsers developers care about.

Usage

There are 4 versions of this element:

  1. author-slider.min.js (ES6 Minified for Production)
  2. author-slider.js (ES6 Unminified for Debugging)
  3. author-slider.es5.min.js (ES5 Minified for Production)
  4. author-slider.es5.js (ES5 Unminified for Debugging)

Each version has it's own source map, so it's always possible to trace activity back to a specific code block in the source.

You only need to choose one of these files. If you need to support Internet Explorer, older versions of Chrome/Firefox/Safari, then you likely need the ES5 version.

Via Global CDN

<html>
  <head>
    <script src="https://cdn.author.io/author-elements/base/1.0.0/author-base.min.js"></script>
    <script src="https://cdn.author.io/author-elements/slider/x.x.x/author-slider.min.js"></script>
  </head>
</html>

Via npm

If the base class is not yet installed, install it:

npm install @author.io/element-base -S

Next, install the slider module locally:

npm install @author.io/element-slider -S

Then include them in your HTML:

<html>
  <head>
    <script src="./node_modules/@author.io/element-base/dist/author-base.min.js"></script>
    <script src="./node_modules/@author.io/element-slider/dist/author-slider.min.js"></script>
  </head>

  <body>

  </body>
</html>