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>

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

Viewing Locally

Any web server that serves static files with server-side includes will do but...

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

5. git submodule add https://github.com/bahrus/types.git types

6. git submodule update --init --recursive

7. npm install

8. npm run serve

9. 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';