# okai-lib

> TSDX TS React Storybook css

Latest version **0.1.2** (published 2022-06-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install okai-lib
pnpm add okai-lib
yarn add okai-lib
bun add okai-lib
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.2 |
| Published | 2022-06-20 |
| First published | 2022-06-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 0 |
| Unpacked size | 80.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | wangshi |
| Maintainers | 112233wang |

## Links

- npm: https://www.npmjs.com/package/okai-lib
- npm.io page: https://npm.io/package/okai-lib

## Recent versions

- 0.1.2 (latest) — 2022-06-20
- 0.1.1 — 2022-06-16
- 0.1.0 — 2022-06-14

## README

### START WHAT

TSDX TS React Storybook css

```bash
npm start # or yarn start
```

### START Storybook

Run inside another terminal:

```bash
yarn storybook
```

### START Example

```bash
cd example
npm i # or yarn to install dependencies
npm start # or yarn start
```

### 开发规范

1. 每个组件顶部写清楚 组件每次，创建日期，交互信息

2. 请尽量解决掉每一个报错和警告

3. 组件库使用的是css，注意样式不要相互覆盖，样式定义规范：okai-组件名称-样式部位/动作

4. 所有命名尽量语义化，函数使用驼峰，css使用中划线，其他常量使用下划线

5. 皮肤只需要输入hsl三个值（[220, 100%, 60%]）以及radius圆角值（2px）来产生“色卡”概念，使用ui给出的梯度色彩进行开发

6. 色卡以hsla来定义，ui设计部分也会以此给出色彩，尽量在皮肤的概念上不再新增需要输入的参数

---
_Source: https://npm.io/package/okai-lib · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._