# react-prop-editor

> A React component for a Properties Editor

Latest version **0.0.8** (published 2018-04-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-prop-editor
pnpm add react-prop-editor
yarn add react-prop-editor
bun add react-prop-editor
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.8 |
| Published | 2018-04-09 |
| First published | 2018-03-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 186.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | christianbergau |

## Links

- npm: https://www.npmjs.com/package/react-prop-editor
- npm.io page: https://npm.io/package/react-prop-editor

## Dependencies (3)

- [react](https://npm.io/package/react.md) ^16.3.1
- [react-dom](https://npm.io/package/react-dom.md) ^16.3.1
- [prop-types](https://npm.io/package/prop-types.md) ^15.6.1

## Recent versions

- 0.0.8 (latest) — 2018-04-09
- 0.0.7 — 2018-04-09
- 0.0.6 — 2018-04-09
- 0.0.5 — 2018-03-12
- 0.0.4 — 2018-03-11
- 0.0.3 — 2018-03-11
- 0.0.2 — 2018-03-11
- 0.0.1 — 2018-03-11

## README

![alt text](https://david-dm.org/cbergau/react-prop-editor.svg "Dependencies")
[![Build Status](https://travis-ci.org/cbergau/react-prop-editor.svg?branch=master)](https://travis-ci.org/cbergau/react-prop-editor)
[![Coverage Status](https://coveralls.io/repos/github/cbergau/react-prop-editor/badge.svg?branch=master)](https://coveralls.io/github/cbergau/react-prop-editor?branch=master)

Motivation
===

Properties Editor (Visual Studio like) in React.

Installation
===
    npm install react-prop-editor --save

State of Project
===

Proof of concept (not refactored js/css code)

Run Demo
===


    npm install -g create-react-app
    npm install
    npm start
    
![alt text](screenshot.png "Screenshot")

Example Config you can pass the component
===

    let config = {
        "groups": [
            {
                "name": "Memcached",
                "properties": [
                    {
                        "name": "memcached.sess_locking",
                        "type": "boolean",
                        "defaultValue": true,
                        "help": "Use session locking.",
                        "link": "http://php.net/manual/de/memcached.configuration.php#ini.memcached.sess-locking"
                    },
                    {
                        "name": "memcached.sess_consistent_hash",
                        "type": "boolean",
                        "defaultValue": false,
                        "help": "Memcached session consistent hash mode. If set to On, consistent hashing is used for session handling. When consistent hashing is used, one can add or remove cache node(s) without messing up too much with existing keys.",
                        "link": "http://php.net/manual/de/memcached.configuration.php#ini.memcached.sess-consistent-hash"
                    },
                    {
                        "name": "memcached.sess_binary",
                        "type": "boolean",
                        "defaultValue": false,
                        "help": "Use memcached session binary mode. Libmemcached replicas only work if binary mode is enabled",
                        "link": "http://php.net/manual/de/memcached.configuration.php#ini.memcached.sess-binary"
                    },
                    {
                        "name": "memcached.compression_type",
                        "type": "option",
                        "defaultValue": "fastlz",
                        "options": ["fastlz", "zlib"],
                        "help": "Set the compression type, valid values are: fastlz, zlib. The default is fastlz.",
                        "link": "http://php.net/manual/de/memcached.configuration.php#ini.memcached.compression-type"
                    },
                    {
                        "name": "memcached.sess_lock_wait",
                        "type": "number",
                        "defaultValue": 150000,
                        "help": "Session spin lock retry wait time in microseconds. Be carefull when setting this value. Valid values are integers, where 0 is interpreted as the default value. Negative values result in a reduces locking to a try lock. The default is 150000.",
                        "link": "http://php.net/manual/de/memcached.configuration.php#ini.memcached.sess-lock-wait"
                    }
                ],
                "help": "http://php.net/manual/de/book.memcached.php"
            }
        ]
    };
    
    <App>
        <PropEditor config={config} handleInputChange={somefunctionhere} />
    </App>

---
_Source: https://npm.io/package/react-prop-editor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._