be-typed (⚙️)

Allow the user to customize input element during run time.

Markup:

<label  be-typed><span>[Specify Name]</span></label>

or

<label  ⚙️><span>[Specify Name]</span></label>

• Adds edit button inside label.
• Edit button opens dialog that allows user to select type of input (boolean, number, etc).
• Can also specify validation attributes
• Dialog also supports selecting name of input element.
• Be able to specify :name for be-reformable, so it becomes part of path or header

Viewing this element locally

Any web server than can serve static files will do, but...

1. Install git.
2. Fork/clone this repo.
3. Install node.js
4. Install Python 3 or later
5. Open command window to folder where you cloned this repo.

6. npm install

7. npm run serve

8. Open http://localhost:8000/demo/ in a modern browser.

Running Tests

> npm run test

Using from CDN:

<script type=module crossorigin=anonymous>
    import 'https://esm.run/be-typed';
</script>

Referencing via ESM Modules:

import 'be-typed/be-typed.js';