# easy-flowable-react

**Repository Path**: chenfei66/easy-flowable-react

## Basic Information

- **Project Name**: easy-flowable-react
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-24
- **Last Updated**: 2026-01-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# easy-flowable-react

[![NPM version](https://img.shields.io/npm/v/easy-flowable-bpmn.svg?style=flat)](https://npmjs.com/package/easy-flowable-react)
[![NPM downloads](http://img.shields.io/npm/dm/easy-flowable-bpmn.svg?style=flat)](https://npmjs.org/package/easy-flowable-react)

快速搭建属于自己的流程引擎
> 官网：https://easy-flowable.online

## Usage

TODO

## Options

TODO

## Development

```bash
# install dependencies
$ npm install easy-flowable-react
```

## 流程设计器
<img src="https://gitee.com/iajie/easy-flowable-react/raw/master/public/designer.png" alt="流程设计器"></img>

```tsx
import { EasyFlowable } from 'easy-flowable-react';

export default () => {
    return <EasyFlowable
        toolbar={{
            save: async (data) => {
                console.log(data);
            },
            isBase64: true
        }}
    />;
};
```
## 流程图
<img src="https://gitee.com/iajie/easy-flowable-react/raw/master/public/viewer.png" alt="流程图"/>

```tsx
import { EasyFlowableViewer } from 'easy-flowable-react';

export default () => {
    return <EasyFlowableViewer data={xml}/>;
};
```

## LICENSE

MIT