Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@thi.ng/rdom-forms

Package Overview
Dependencies
Maintainers
1
Versions
75
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@thi.ng/rdom-forms

Data-driven declarative & extensible HTML form generation

  • 0.2.5
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
145
increased by85.9%
Maintainers
1
Weekly downloads
 
Created
Source

@thi.ng/rdom-forms

npm version npm downloads Mastodon Follow

This project is part of the @thi.ng/umbrella monorepo and anti-framework.

About

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...

Status

ALPHA - bleeding edge / work-in-progress

Search or submit any issues for this package

Installation

yarn add @thi.ng/rdom-forms

ES module import:

<script type="module" src="https://cdn.skypack.dev/@thi.ng/rdom-forms"></script>

Skypack documentation

For Node.js REPL:

const rdomForms = await import("@thi.ng/rdom-forms");

Package sizes (brotli'd, pre-treeshake): ESM: 2.18 KB

Dependencies

Usage examples

Several projects in this repo's /examples directory are using this package:

ScreenshotDescriptionLive demoSource
Large ASCII font text generator using @thi.ng/rdomDemoSource
Color palette generation via dominant color extraction from uploaded imagesDemoSource
Matrix-based image color adjustmentsDemoSource
Interactive pixel sorting tool using thi.ng/color & thi.ng/pixelDemoSource
Basic usage of the declarative rdom-forms generatorDemoSource
rdom & hiccup-canvas interop testDemoSource

API

Generated API docs

TODO

Authors

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
}

License

© 2023 Karsten Schmidt // Apache License 2.0

Keywords

FAQs

Package last updated on 26 Dec 2023

Did you know?

Socket

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.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc