What is this?

A ridiculously simple, tree shakeable, dependency free, vanilla javascript UI component package, that I built in my spare time as practice.

See the full documentation for the list of components and how to use them. But first...

Install using a package manager

Install the package as a dependency in your project.

        
          npm install super-simple-ui-components

In your Javascript file import the css and any components you will need from the package.

        
          import 'super-simple-ui-components/dist/bundle.min.css';
          import { Accordion } from 'super-simple-ui-components';

          const accordion = new Accordion('#accordion');
          accordion.init();

Install using <script> tag / CDN

To use the package in the browser via script tag, you can download the minified script through GitHub or use the CDN.

        
          <!-- In your project <head> -->
          <link href="https://unpkg.com/[email protected]/dist/bundle.min.css" rel="stylesheet">
          <script src="https://unpkg.com/[email protected]/dist/bundle.umd.min.js"></script>

          <!-- In your Javascript -->
          <script>
            const { Accordion } = simpleUI;
            const accordion = new Accordion('#accordion');
            accordion.init();
          </script>