# popup-markup-editor

> GUI based UI component builder

Latest version **2.0.0** (published 2019-03-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install popup-markup-editor
pnpm add popup-markup-editor
yarn add popup-markup-editor
bun add popup-markup-editor
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2019-03-23 |
| First published | 2019-02-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Vetrivel |
| Maintainers | ui-editor |

## Links

- npm: https://www.npmjs.com/package/popup-markup-editor
- Repository: https://github.com/imvetri/ui-editor
- Homepage: https://github.com/imvetri/ui-editor#readme
- Issues: https://github.com/imvetri/ui-editor/issues
- npm.io page: https://npm.io/package/popup-markup-editor

## Dependencies (3)

- [react](https://npm.io/package/react.md) ^16.7.0
- [react-dom](https://npm.io/package/react-dom.md) ^16.7.0
- [react-inspector](https://npm.io/package/react-inspector.md) ^2.3.1

## Recent versions

- 2.0.0 (latest) — 2019-03-23
- 1.2.0 — 2019-02-27
- 1.1.0 — 2019-02-16
- 1.0.0 — 2019-02-02

## README

# popup-markup-editor

Shows 
    element name
    element markup
    element styles
    element state
    element styleClass

Dispatches
    shows empty details on open
    shows element details on open
    
    dispatches element details on close




Planned
    Adding new element property should result in less number of code change in future.
    Iterate through properties of element, create handlers for them, create input for them, it can take validators.

    syntax

    property: {
        type: String,
        validator: function,
        required: Boolean.
    }

    Example

    element: {
        name: {
            type: String,
            validator: function(name){
                return true;
            },
            required: true
        }
    }

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