# editorjs-component-selector

> ![preview](/images/preview.png)

Latest version **0.0.4** (published 2019-10-21) · 0 weekly downloads

## Install

```sh
npm install editorjs-component-selector
pnpm add editorjs-component-selector
yarn add editorjs-component-selector
bun add editorjs-component-selector
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2019-10-21 |
| First published | 2019-09-22 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 2.3 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Author | vlzh |
| Maintainers | vlzh |

## Links

- npm: https://www.npmjs.com/package/editorjs-component-selector
- Repository: https://github.com/VLZH/editorjs-component-selector
- npm.io page: https://npm.io/package/editorjs-component-selector

## Dependencies (2)

- [@editorjs/list](https://npm.io/package/@editorjs/list.md) 1.4.0
- [@editorjs/editorjs](https://npm.io/package/@editorjs/editorjs.md) 2.15.1

## Recent versions

- 0.0.4 (latest) — 2019-10-21
- 0.0.3 — 2019-10-03
- 0.0.1 — 2019-09-22

## README

# Editor.js plugin for selecting of component (more likely simple selector)

![preview](/images/preview.png)

## Disclaimer
My advice: Do not use this library =)
This lib do not render React components to Editor.js, just render image

### Installation
```bash
yarn add editorjs-component-selector
```

### Usage
```javascript
import ComponentSelectorTool from "editorjs-component-selector";
// ...
var editor = EditorJS({
  tools: {
    component: {
        class: ComponentSelectorTool,
        config: {
            components: [
                {
                    name: "OrderForm",
                    alias: "Форма заявки",
                    props: {},
                    preview: "..."
                }
            ]
        }
    }
  }
});
```

### Data example
```json
{
    "type": "component",
    "data": {
        "component": "OrderForm",
        "props": {}
    }
}
```

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