be-typed (⚙️)

June 19, 2026 · View on GitHub

Allow the user to customize input element during run time.

Playwright Tests NPM version How big is this package in your project?

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