@thi.ng/rdom-components

This project is part of the @thi.ng/umbrella monorepo.

• 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

ES module import:

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

Skypack documentation

For Node.js REPL:

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

Package sizes (brotli'd, pre-treeshake): ESM: 1.21 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 demos in this repo's /examples directory are using this package.

A selection:

Screenshot	Description	Live demo	Source
	Large ASCII font text generator using @thi.ng/rdom	Demo	Source
	Probabilistic color theme generator	Demo	Source
	Color palette generation via dominant color extraction from uploaded images	Demo	Source
	Parser grammar livecoding editor/playground & codegen	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
}

License

© 2020 - 2023 Karsten Schmidt // Apache License 2.0