html-custom-elements
Collection of html custom elements (IE11/Chrome/Safari/FF compatible)
Dead simple
Just include html-custom-element.js. Done!
Light as a feather
12KB minified & gzipped.
Blazing fast
No framework loading, or any dependence. It's based on built-in web standard, custom elements.
Basic Usage
<!DOCTYPE html>
<html lang="en">
<head>
<b><script src="http://unpkg.com/html-custom-elements/dist/html-custom-elements.umd.js"></script></b>
</head>
<body>
<hce-carousel id="x1" selected="1">
<ul>
<li><img src="//picsum.photos/300/200?1"></li>
<li><img src="//picsum.photos/300/200?2"></li>
<li><img src="//picsum.photos/300/200?3"></li>
<li><img src="//picsum.photos/300/200?4"></li>
</ul>
</hce-carousel>
</body>
</html>
Usage with Webpack, Browserify, & Other Bundlers
If you want to use it with a bundler, install html-custom-elements
with npm:
$ npm install html-custom-elements --save-dev
Simply import the module into your bundle:
import 'html-custom-elements';
For Developer
# install dependenciesnpm install# serve with hot reload at localhost:8080npm start# build for production with minificationnpm run build