# smart-dashboard

[![npm version](https://img.shields.io/npm/v/smart-dashboard.svg?style=flat-square)](https://www.npmjs.com/package/smart-dashboard)

## 介绍

基于react实现的dashboard看板引擎

## 功能

- 支持配置定义看板组件
- 支持定义需要添加的看板组件拖控能力
- 支持看板组件实例的属性设置

## 使用方法

- 配置dashboard中可展示的组件 [[demo/material-metadata.tsx](https://github.com/bruce007lee/smart-dashboard/blob/main/demo/material-metadata.tsx)]
- 配置组件实例的属性编辑器 [[demo/setter-metadata.tsx](https://github.com/bruce007lee/smart-dashboard/blob/main/demo/setter-metadata.tsx)]
- 配置组件实例的toolbar栏的actions [[demo/action-metadata.tsx](https://github.com/bruce007lee/smart-dashboard/blob/main/demo/action-metadata.tsx)]
- 创建dashboard编辑面板 [[demo/index.tsx](https://github.com/bruce007lee/smart-dashboard/blob/main/demo/index.tsx)]
- play with [demo](https://codesandbox.io/s/smart-dashboard-demo-49kl16)