Gadget-ui is a UI component library that has a built-in model and data-binding mechanism for some of its components.
v 10.1.3
This version introduces an improved model with undo,redo,fast forward, and rewind capabilities for any value in the model. It also includes a general cleanup of the codebase for readability and clarity. The test code has been consolidated in the /test folder, except for the index.js in the root if you want to test server-side logic.
npm install gadget-ui
The library can be included in traditional JavaScript form using a standard script tag:
<script src="/node_modules/gadget-ui/dist/gadget-ui.js"></script>
The library can also be included using module imports, which allows you to only import the components needed for a particular page:
import {lightbox, constructor} from "/node_modules/gadget-ui/dist/gadget-ui.es.js"
Use the constructor component to create new instances of a gadget-ui component, as so:
// traditional include
const lightbox = gadgetui.objects.Constructor( gadgetui.display.Lightbox, [ document.getElementById("lightbox"),
{images: imageArray, time: 3000, enableModal:false }], true );
// module import
const lightbox = constructor( lightbox, [ document.getElementById("lightbox"),
{images: imageArray, time: 3000, enableModal:false }], true );
Gadget-ui has an optional dependency on velocity-animate to animate transitions in the library. Transitions will be ignored if the library is not installed. All other dependencies are solely for development purposes of the library.
License
gadget-ui is released under the Mozilla Public License 2.0.