https://github.com/bahrus/be-typed
Allow the user to customize input element during run time.
https://github.com/bahrus/be-typed
Last synced: about 2 months ago
JSON representation
Allow the user to customize input element during run time.
- Host: GitHub
- URL: https://github.com/bahrus/be-typed
- Owner: bahrus
- License: mit
- Created: 2022-06-12T15:08:40.000Z (almost 3 years ago)
- Default Branch: baseline
- Last Pushed: 2024-12-01T15:10:33.000Z (6 months ago)
- Last Synced: 2025-03-12T12:36:51.573Z (3 months ago)
- Language: JavaScript
- Homepage:
- Size: 180 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# be-typed (⚙️)
Allow the user to customize input element during run time.
[](https://github.com/bahrus/be-typed/actions/workflows/CI.yml)
[](http://badge.fury.io/js/be-typed)
[](https://bundlephobia.com/result?p=be-typed)
## Markup:
```html
[Specify Name]
```
or
```html
[Specify Name]
```
- [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](https://github.com/bahrus/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:
```html
import 'https://esm.run/be-typed';
```
## Referencing via ESM Modules:
```JavaScript
import 'be-typed/be-typed.js';
```