chem-generic-ui/README.md

[](https://www.npmjs.com/package/chem-generic-ui) [](https://www.npmjs.com/package/chem-generic-ui) [![DOI](https://zenodo.org/badge/DOI

# chem-generic-ui
[![npm version](https://img.shields.io/npm/v/chem-generic-ui)](https://www.npmjs.com/package/chem-generic-ui)
[![Downloads](https://img.shields.io/npm/dm/chem-generic-ui)](https://www.npmjs.com/package/chem-generic-ui)
[![DOI](https://zenodo.org/badge/DOI/10.5281/zenodo.8305319.svg)](https://doi.org/10.5281/zenodo.8305319)

A React component for dynamically building user interfaces.

This library is purely written in JavaScript and is based on the [React](https://reactjs.org/) library.

## Project Showcase

### [LabIMotion](https://www.chemotion.net/docs/labimotion)

<img src="https://labimotion.github.io/assets/images/labimotion_logo.png" alt="LabIMotion Logo" width="300" />

#### Flexible Layout Designs

- [Rich UI Components](https://www.chemotion.net/docs/labimotion/designer/components/fields/types)
- Different Layout Designs
  - Element Details: [Text fields, checkboxes, selection inputs and drag-and-drop](https://www.chemotion.net/docs/labimotion/user/elements/details)
  - Segment Details: [Table-Based layout, for multiple records with drag-and-drop functionality inside tables](https://www.chemotion.net/docs/labimotion/user/segments/details)
  - Dataset Details: [Styling and unit conversion](https://www.chemotion.net/docs/labimotion/user/datasets/details)

## Installation

The chem-generic-ui library is available as an NPM package. Install it either with NPM:

```
npm install --save chem-generic-ui
```

or Yarn:

```
yarn add chem-generic-ui
```

## Support and Community

If you have questions, comments, or suggestions, the best place to share them is in the [Discussions](https://github.com/LabIMotion/chem-generic-ui/discussions) section. We welcome your feedback and participation!