mini-xmind


Install

``bash
npm install mini-xmind --save-dev
`

Usage

Check dataSource here.

`javascript
import React, { useState, useEffect } from 'react';
import { Canvas, Toolbar } from 'mini-xmind';

const dataSource = {...};

export default () => {
const [data, setData] = useState({});

useEffect(() => {
setData(dataSource);
}, []);

const onChange = newData => {
setData(newData);
};

return (
<>



);
};
`

Development

`bash
$ git clone https://github.com/peko-bot/mini-xmind.git
$ cd mini-xmind
$ npm install
$ npm start
`

Open your browser and visit

Test Case

`
npm test
``

API

$3

No prop for now, just render

$3

| Property | Description | Type | Default |
| ----------- | --------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | --------- |
| data | what you want to paint in canvas | DataSource | {} |
| onChange | return all data when dragging or typing in TagGroup | (dataCollector: DataSource) => void | - |
| orientation | the direction of Line startting | enum, ['horizonal', 'vertical'] | horizonal |