# KDesign of React
KDesign of React 是基于金蝶的企业级设计系统KDesign 实现的一套React UI组件库，主要用于企业级系统的构建。
官网：[https://react.kingdee.design/](https://react.kingdee.design/)
## 特性
- 提供开箱即用的 丰富的企业级 React UI 组件。
- 使用 TypeScript 开发，提供完整的类型定义文件。
- 组件全键盘的支持
- 国际化支持
- 全面的主题化定制
## 安装
### 使用 npm 或 yarn 安装
```bash
$ npm install @kdcloudjs/kdesign --save
# 或者
$ yarn add @kdcloudjs/kdesign
```
### 示例
```js
import React from 'react'
import reactDom from 'react-dom'
import { Button } from '@kdcloudjs/kdesign'
import '@kdcloudjs/kdesign/dist/kdesign.css'
reactDom.render((
), document.getElementById('root'))
```
### 浏览器引入
在浏览器中使用 `script` 和 `link` 标签直接引入文件，并使用全局变量 `kdesign`。
目前尚未将文件上传至 `cdn` 需要手动将 `dist` 目录下的 `kdesign.min.js` 和 `kdesign.min.css` 文件拷贝至项目。
使用：
```html
kdesign
```
## 相关链接
- [首页](https://react.kingdee.design/)
- [介绍](https://react.kingdee.design/docs/guide/introduce)
- [在 create-react-app 中使用](https://react.kingdee.design/docs/guide/create-react-app)
- [在 TypeScript 中使用](https://react.kingdee.design/docs/guide/typescript)
- [ConfigProvider 全局化配置](https://react.kingdee.design/docs/guide/config)
- [自定义主题](https://react.kingdee.design/docs/guide/customtopic)
- [国际化](https://react.kingdee.design/docs/guide/locale)
- [更新日志](https://react.kingdee.design/docs/guide/changelog)
## 浏览器兼容性
| [
](http://godban.github.io/browsers-support-badges/)
IE / Edge | [
](http://godban.github.io/browsers-support-badges/)
Firefox | [
](http://godban.github.io/browsers-support-badges/)
Chrome | [
](http://godban.github.io/browsers-support-badges/)
Safari | [
](http://godban.github.io/browsers-support-badges/)
iOS Safari | [
](http://godban.github.io/browsers-support-badges/)
Samsung | [
](http://godban.github.io/browsers-support-badges/)
Opera |
| --------- | --------- | --------- | --------- | --------- | --------- | --------- |
| IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions
## 参与贡献
参与贡献前请先阅读 [贡献指南](./CONTRIBUTING.md)
## License
kdesign 使用了 Apache License, Version 2.0. 详细license 请查看 [LICENSE](./LICENSE)