# @artezio/designer

> Designer is a react component with which you can build or update questionnaire. This component requires a questionnaire model from [@artezio/models](https://github.com/Artezio/SURVEYBUILDER/tree/master/packages/models/README.md "@artezio/models") to be pa

Latest version **0.1.15** (published 2019-12-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install @artezio/designer
pnpm add @artezio/designer
yarn add @artezio/designer
bun add @artezio/designer
```

## 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.1.15 |
| Published | 2019-12-24 |
| First published | 2019-12-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 255.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 9 |
| Maintainers | daniil_yakovenko, kluiko |

## Links

- npm: https://www.npmjs.com/package/@artezio/designer
- Repository: https://github.com/Artezio/SURVEYBUILDER/tree/master/packages/designer
- npm.io page: https://npm.io/package/@artezio/designer

## Dependencies (3)

- [informed](https://npm.io/package/informed.md) ^2.11.16
- [sortablejs](https://npm.io/package/sortablejs.md) ^1.9.0
- [@fortawesome/fontawesome-free](https://npm.io/package/@fortawesome/fontawesome-free.md) ^5.8.1

## Recent versions

- 0.1.15 (latest) — 2019-12-24
- 0.1.14 — 2019-12-23
- 0.1.11 — 2019-12-23
- 0.1.10 — 2019-12-20
- 0.1.9 — 2019-12-20
- 0.1.8 — 2019-12-18

## README

# **@artezio/designer**
Designer is a react component with which you can build or update questionnaire. This component requires a questionnaire model from [@artezio/models](https://github.com/Artezio/SURVEYBUILDER/tree/master/packages/models/README.md "@artezio/models") to be passed as a property. Yoy may also pass a className as a property and it will be transferred to main container of the component.

# Installation
Using npm:
>$ npm install @artezio/designer

Using yarn:
>$ yarn add @artezio/designer

Library has few peer dependencies which you should know about. Install them all with one command: 

>$ npm install @artezio/observable @artezio/observable-react @artezio/models

As an alternative you may want to install all in one touch. Check it out [README](https://github.com/Artezio/SURVEYBUILDER/).

 
# Example

```TSX
import React from 'react';
import { render } from 'react-dom';
import { QuestionnaireDesigner } from '@artezio/designer';
import { Questionnaire } from '@artezio/models';

const questionnaire = new Questionnaire();

render(<QuestionnaireDesigner questionnaireModel={questionnaire} />, document.getElementById('root'));
```

Every changes in QuestionnaireDesigner component is appended accordingly to questionnaire model. After the structure of the questionnaire has been built, you can transfer it further.

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