@author.io/element-options
Version:
author-options custom element (web component).
59 lines (38 loc) • 2.46 kB
Markdown
# AuthorOptionsElement [](https://www.jsdelivr.com/package/npm/@author.io/element-options?path=dist) [](https://travis-ci.org/author-elements/options)
<!-- TODO: Add description -->
  
We're using BrowserStack to make sure these components work on the browsers developers care about.
<a href="https://browserstack.com"><img src="https://github.com/author-elements/options/raw/master/browserstack.png" height="30px"/></a>
## Usage
There are 4 versions of this element:
1. *author-options.min.js* (ES6 Minified for Production)
1. _author-options.js_ (ES6 Unminified for Debugging)
1. *author-options.es5.min.js* (ES5 Minified for Production)
1. _author-options.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
<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/options/x.x.x/author-options.min.js"></script>
</head>
</html>
```
*Via npm*
If the [base class](https://github.com/author-elements/base) is not yet installed, install it:
`npm install @author.io/element-base -S`
Next, install the options module locally:
`npm install @author.io/element-options -S`
Then include them in your HTML:
```html
<html>
<head>
<script src="./node_modules/@author.io/element-base/dist/author-base.min.js"></script>
<script src="./node_modules/@author.io/element-options/dist/author-options.min.js"></script>
</head>
<body>
</body>
</html>
```