@thi.ng/rdom-forms
Advanced tools
This project is part of the @thi.ng/umbrella monorepo and anti-framework.
Data-driven declarative & extensible HTML form generation. This is a support package for @thi.ng/rdom.
This package uses vanilla JS objects to define component specs for various types
of form elements (various factory functions are provided). These specs can then
be passed to the polymorphic & dynamically extensible
compileForm()
function to generate the actual form elements/components in hiccup format, which
can then be used with
thi.ng/rdom or
for static (or SSR) HTML generation via
thi.ng/hiccup.
All generated form elements are unstyled by default, but can be fully customized (in various stages) via user-provided options.
Please see the example project linked further below, which demonstrates all currently provided elements...
ALPHA - bleeding edge / work-in-progress
Search or submit any issues for this package
yarn add @thi.ng/rdom-forms
ES module import:
<script type="module" src="https://cdn.skypack.dev/@thi.ng/rdom-forms"></script>
For Node.js REPL:
const rdomForms = await import("@thi.ng/rdom-forms");
Package sizes (brotli'd, pre-treeshake): ESM: 2.18 KB
Several projects in this repo's /examples directory are using this package:
| Screenshot | Description | Live demo | Source |
|---|---|---|---|
 | Large ASCII font text generator using @thi.ng/rdom | Demo | Source |
 | Color palette generation via dominant color extraction from uploaded images | Demo | Source |
 | Matrix-based image color adjustments | Demo | Source |
 | Interactive pixel sorting tool using thi.ng/color & thi.ng/pixel | Demo | Source |
 | Basic usage of the declarative rdom-forms generator | Demo | Source |
TODO
If this project contributes to an academic publication, please cite it as:
@misc{thing-rdom-forms,
title = "@thi.ng/rdom-forms",
author = "Karsten Schmidt",
note = "https://thi.ng/rdom-forms",
year = 2023
}
© 2023 Karsten Schmidt // Apache License 2.0
FAQs
Data-driven declarative & extensible HTML form generation
The npm package @thi.ng/rdom-forms receives a total of 86 weekly downloads. As such, @thi.ng/rdom-forms popularity was classified as not popular.
We found that @thi.ng/rdom-forms demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.