guardiani-del-web / web-elements

Web Elements is a set of components that works with any framework or library, 100% customizable using Css Variables and 100% reusable using Web Components.

Home Page:https://web-elements-260917.web.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Web Elements πŸ’Ž

Npm Version Npm Downloads Publish NPM Deploy Storybook Mit License

Web Elements is a set of components that works with any framework or library, 100% customizable using Css Variables and 100% reusable using Web Components.

Getting started

Npm

npm install --save web-elements

Cdn

<!DOCTYPE html>
<html>
  <body>

    <we-checkbox-group name="fruits" change-callback="checkboxHandler">
      <we-checkbox value="banana">Banana</we-checkbox>
      <we-checkbox value="apple">Apple</we-checkbox>
      <we-checkbox value="pear">Pear</we-checkbox>
    </we-checkbox-group>

    <script type="module" src="https://unpkg.com/web-elements@0.0.8/dist/web-elements/web-elements.esm.js"></script>
    <script nomodule src="https://unpkg.com/web-elements@0.0.8/dist/web-elements/web-elements.js"></script>
  </body>
</html>

Demo

For more information see our project on Storybook. Web Elements Storybook

Browsers support

βœ… Chrome
βœ… Firefox
βœ… Safari
βœ… Edge
βœ… IE11

Contributors ✨

Thanks goes to these wonderful people:


Gabriel Mayta

Gianpierre Fernandez

Ferdinando Danise

Gabriel Sosa

Angelo Falci

Keep calm and code!

About

Web Elements is a set of components that works with any framework or library, 100% customizable using Css Variables and 100% reusable using Web Components.

https://web-elements-260917.web.app

License:MIT License


Languages

Language:JavaScript 84.5%Language:CSS 8.1%Language:TypeScript 6.6%Language:HTML 0.7%Language:Python 0.2%