open-index/open-npm huggingface dataset:
npm package: @ohtomi/react-whiteboard
Description: A whiteboard React component using SVG
Author: Kenichi Ohtomi
Latest version: 0.1.2

# react-whiteboard

[![npm](https://img.shields.io/npm/v/@ohtomi/react-whiteboard.svg)](https://www.npmjs.com/package/@ohtomi/react-whiteboard)
[![License](https://img.shields.io/npm/l/@ohtomi/react-whiteboard.svg)](LICENSE)
[![Build Status](https://travis-ci.org/ohtomi/react-whiteboard.svg?branch=master)](https://travis-ci.org/ohtomi/react-whiteboard)
[![Greenkeeper badge](https://badges.greenkeeper.io/ohtomi/react-whiteboard.svg)](https://greenkeeper.io/)

## Description

A whiteboard `React` component using `SVG`.

## How to use

```javascript
render() {
    return (
        <Whiteboard
            events={new EventStream()} eventStore={new EventStore()}
            width={800} height={600}
            style={{backgroundColor: 'lightyellow'}}
        />
    );
}
```

See [examples](stories).

## How to build

```bash
$ npm install
$ npm run build
```

## Contributing

1. Fork it!
1. Create your feature branch: `git checkout -b my-new-feature`
1. Commit your changes: `git commit -am 'Add some feature'`
1. Push to the branch: `git push origin my-new-feature`
1. Submit a pull request :D

## License

MIT

## Author

[Kenichi Ohtomi](https://github.com/ohtomi)
npm package: @ohu-mobile/core
Description: Mobile UI Toolkit
Author: jeffwcx
Latest version: 0.19.0

# ohu-mobile

> Mobile UI Component Library.

## Installation

```shell
npm install @ohu-mobile/core

# or

pnpm add @ohu-mobile/core
```

## Usage

1. Import on Demand

   Strongly Recommand👇

   ```ts
   import { Button } from '@ohu-mobile/core';
   ```

   Or Manually import

   ```ts
   import Button from '@ohu-mobile/core/lib/Button';
   ```

2. Import all components

   ```ts
   import Vue from 'vue';
   import Ohu from '@ohu-mobile/core';
   import '@ohu-mobile/core/dist/ohu-mobile.css';

   Vue.use(Ohu);
   ```
npm package: @ohu-mobile/icons
Description: Ohu Mobile SVG Icons.
Author: jeffwcx
Latest version: 0.14.0

# @ohu-mobile/icons

> Icon package for `ohu-mobile`

## Installation

```bash
# with npm
npm install @ohu-mobile/icons
# with pnpm
pnpm add @ohu-mobile/icons
```

## Usage

```tsx
import { Icon } from '@ohu-mobile/core';
import { AppleFilled } from '@ohu-mobile/icons';

<Icon type={AppleFilled} />
```
npm package: @ohu-mobile/styles
Description: ohu-mobile style helpers.
Author: jeffwcx
Latest version: 0.11.0

# @ohu-mobile/styles

> Style helpers not only for `ohu-mobile`

## Installation

```bash
# with npm
npm install @ohu-mobile/styles
# with pnpm
pnpm add @ohu-mobile/styles
```

## Usage
npm package: @ohu/cli
Description: cli for ohu
Author: jeffwcx
Latest version: 0.3.0

# @ohu/cli

> [中文](./README.zh.md) | [English](./README.md)

📦 `WebApp`及`类库`开发工具箱

## 安装

```bash
pnpm i -g @ohu/cli
# 或者
pnpm i -g @ohu/cli
```

或者在项目中使用：

```bash
pnpm add @ohu/cli --dev
# 或者
npm install @ohu/cli --dev
```

## 当前特性

+ 为任意SVG生成`ohu-mobile`格式的图标

  基础使用

  ```bash
  ohu icon ./remixicon/**
  ```

  通过目录对图标风格进行分类

  ```bash
  ohu icon ./remixicon/** --sort-dir
  ```

  更多使用方法：

  ```bash
  ohu icon --help
  ```
+ 从`TS`, `Yargs`中生成文档

  基础使用

  ```bash
  ohu doc ./lib/cli.js
  ```
+ 构建Vue组件库

  Basic usage

  ```bash
  ohu build --vue-lib
  ```


## 未来特性支持

+ Mobile/PC webapp开发脚手架 (monorepos or single repo)
+ TypeScript库开发脚手架 (monorepos或者单库)
+ 组件库开发脚手架 (monorepos或者单库)