Html-custom-elements NPM

html-custom-elements

Collection of html custom elements (IE11/Chrome/Safari/FF compatible)

DEMO

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';

Stackblitz Demo

For Developer

# install dependencies
npm install
# serve with hot reload at localhost:8080
npm start
# build for production with minification
npm run build

@infinitebrahmanuniverse/nolb-html-c @everything-registry/sub-chunk-1867

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago