Skip to content

Custom element range component, a part of Bigfoot UI kit.

Notifications You must be signed in to change notification settings

zhukovka/hz-range

Repository files navigation

<hz-range>

Custom element range component, a part of Bigfoot UI kit.

Published on webcomponents.org

Live Demo ↗

Installation

npm install bigfoot-ui

Usage

  1. full library with polyfills

index.js

import * as bigfootui from "bigfoot-ui";

index.html

<html lang="en">
    <body>
        <hz-range></hz-range>
        <div id="hzrange"></div>
        <script src="index.js"></script>
        <script>
                document.querySelector("hz-range").addEventListener("range-change", (e)=>{
                    hzrange.innerText = e.detail
                })
        </script>
    </body>
</html>
<div>
    <hz-range></hz-range>
</div>

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

License

Apache License 2.0

About

Custom element range component, a part of Bigfoot UI kit.

Resources

Stars

Watchers

Forks

Packages

No packages published