[!NOTE] This is one of 190 standalone projects, maintained as part of the @thi.ng/umbrella monorepo and anti-framework.

🚀 Please help me to work full-time on these projects by sponsoring me on GitHub. Thank you! ❤️

• About
• Status
• Related packages
• Installation
• Dependencies
• Usage examples
• API
• Authors
• License

About

Collection of unstyled, customizable components for @thi.ng/rdom.

Currently, this package provides:

• Accordion
• Dropdown
• Editor
• Icon button
• Tabs

Status

ALPHA - bleeding edge / work-in-progress

Search or submit any issues for this package

Related packages

• @thi.ng/rdom-canvas - @thi.ng/rdom component wrapper for @thi.ng/hiccup-canvas and declarative canvas drawing

Installation

yarn add @thi.ng/rdom-components
Copy

ES module import:

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

Skypack documentation

For Node.js REPL:

const rdomComponents = await import("@thi.ng/rdom-components");
Copy

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

Dependencies

• @thi.ng/api
• @thi.ng/associative
• @thi.ng/hiccup-html
• @thi.ng/rdom
• @thi.ng/rstream
• @thi.ng/strings
• @thi.ng/transducers

Usage examples

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

Screenshot	Description	Live demo	Source
	Probabilistic color theme generator	Demo	Source
	Parser grammar livecoding editor/playground & codegen	Demo	Source
	Procedural stochastic text generation via custom DSL, parse grammar & AST transformation	Demo	Source
	Multi-layer vectorization & dithering of bitmap images	Demo	Source
	rdom & WebGL-based image channel editor	Demo	Source

API

Generated API docs

TODO

Authors

• Karsten Schmidt

If this project contributes to an academic publication, please cite it as:

@misc{thing-rdom-components,
  title = "@thi.ng/rdom-components",
  author = "Karsten Schmidt",
  note = "https://thi.ng/rdom-components",
  year = 2020
}
Copy

License

© 2020 - 2024 Karsten Schmidt // Apache License 2.0