Have ideas to improve npm?Join in the discussion! »

html-custom-elements

0.5.4 • Public • Published

html-custom-elements

Build Status

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

image image image image

DEMO image

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

Keywords

none

Install

npm i html-custom-elements

DownloadsWeekly Downloads

8

Version

0.5.4

License

MIT

Unpacked Size

1.1 MB

Total Files

117

Last publish

Collaborators

  • avatar