Testing and demo of TotallyInformation's web-components

Index of test/demo pages

Live components (ready for extended use)

Beta components (ready for basic use)

Alpha components (for testing use only)

Pre-Alpha experiments components (probably not usable)

Information

Component documentation

Source Code (GitHub)

npm Published Version (not yet available)

These web components from TotallyInformation are mostly stand-alone (without external dependencies). Each one aims to simplify the use of HTML as a User Interface (UI). They work on any page without the need for a framework or other dependencies. Where they use 3rd-party libraries, these are integrated so you don't need to worry about them.

All you need to do is create a reference to the component's library in your page as shown in the readme, documentation, and test page source code.

Some of the test pages have a script that may add dynamic content after a few seconds. The demos all use the pre-built IIFE version of the component for example code simplicity. However, they all have ESM versions as well that can be imported.

All of these components have integrations for UIBUILDER for Node-RED. But none of them require it. You can also use them in any other web page or framework including Node-RED's other Dashboards.

Some of the test pages include examples of how to use the components with UIBUILDER.

You can copy the `tests` folder to your UIBUILDER `src` folder then swap the script tags over to the uibuilder versions and use these demo pages directly in Node-RED. If the uibuilder-specific script tags are missing, use one of the `live/` pages as a template to add them.