open-index/open-npm huggingface dataset:
npm package: @microduino/buggy-component
Description: microduino component design for react
Author: wangjianpeng@microduino.cc
Latest version: 1.1.2

# react components for buggy

example地址：[https://alexwang007.github.io/buggyComponentExample](https://alexwang007.github.io/buggyComponentExample)

```npm
npm i @microduino/buggy-component --save-dev

```
## 使用babel-plugin-import实现按需加载

### 安装 babel-plugin-import 插件
```npm
npm i babel-plugin-import -D
```

```js
// 在 .babelrc 或 babel-loader 中添加插件配置
{
  "plugins": [
    ["import", {
      "libraryName": "@microduino/buggy-component",
      "style": "css",
      "camel2DashComponentName": false
    }]
  ]
}
```

```js
// 引入组件，具体props说明详见example
import {
    ColorPlate,
    NumberInput,
    OctaveSelect,
    SoundSelect,
    SpeedSlider,
    DotColor
} from '@microduino/buggy-component'
```
npm package: @microduino/mdesign-component
Description: microduino component design for react
Author: wangjianpeng@microduino.cc
Latest version: 1.0.36

# react components for buggy

example地址：[https://alexwang007.github.io/buggyComponentExample](https://alexwang007.github.io/buggyComponentExample)

```npm
npm i @microduino/buggy-component --save-dev

```
## 使用babel-plugin-import实现按需加载

### 安装 babel-plugin-import 插件
```npm
npm i babel-plugin-import -D
```

```js
// 在 .babelrc 或 babel-loader 中添加插件配置
{
  "plugins": [
    ["import", {
      "libraryName": "@microduino/buggy-component",
      "style": "css",
      "camel2DashComponentName": false
    }]
  ]
}
```

```js
// 引入组件，具体props说明详见example
import {
    ColorPlate,
    NumberInput,
    OctaveSelect,
    SoundSelect,
    SpeedSlider,
    DotColor
} from '@microduino/buggy-component'
```