Loadbare Widgets

This is a basic widget set, currently bare-bones proof of concept.

Inventory:

| Widget | Is | | --- | --- | | lb-input | an editable cell wrapping an <input> | | lb-select | a <select> whose options the page writes | | lb-options | a <select> whose options come from a query | | lb-picker | lb-options with the row template built in | | lb-table | a <table> supplying its own scaffolding | | lb-unknown-page | the chrome's dialog for a URL that names no page |

Installing

npm install @loadbare/app @loadbare/widgets

Then list the package in the application's imports.ts:

// src/imports.ts
export default ["@loadbare/widgets"];

You can now include the widgets in your HTML files.

Apart from the line in src/imports.ts, no other import statements are required. The loadbare builder automatically bundles the HTML and JS for any widget in the library that is actually used in the app.