npm package NPM downloads GitHub license

数据赢家 React 组件库,提供丰富的企业级 UI 组件和解决方案。

• 企业级设计 - 基于数据赢家设计规范,提供一致的用户体验
• 开箱即用 - 提供 50+ 高质量组件,覆盖常见业务场景
• 高性能 - 基于 React 16.8+ 构建,支持 Hooks
• 🎯 TypeScript - 完整的 TypeScript 支持
• 响应式 - 支持多种屏幕尺寸和设备
• 🎨 主题定制 - 支持主题色和样式自定义
• 📖 详细文档 - 提供完整的 API 文档和示例

npm install cloud-react --save
# 或
yarn add cloud-react

// 引入完整样式
import 'cloud-react/cloud-react.css';

import React from 'react';
import { Button, Input, Modal } from 'cloud-react';
function App() {
 return (
 <div>
 <Button type="primary">点击我</Button>
 <Input placeholder="请输入内容" />
 <Modal title="标题" visible={true}>
 内容
 </Modal>
 </div>
 );
}

• react >= 16.8.6
• react-dom >= 16.8.6
• react-router-dom >= 5.0.0

• Node.js 16.20.0

npm install

# 启动开发服务器
npm run dev

# 构建组件库
npm run build
# 构建文档
npm run docs:build

git commit -m "feat: [组件名称]提交内容"
git commit -m "fix: [组件名称]提交内容"

项目配置了代码保存前进行eslint格式化和代码提交前进行eslint校验,如果提交有问题,请联系管理员

• 在线文档
• 更新日志

我们欢迎所有形式的贡献,包括但不限于:

• Bug 报告
• 💡 新功能建议
• 📝 文档改进
• 代码贡献

1. Fork 本仓库
2. 创建你的特性分支 (git checkout -b feature/AmazingFeature)
3. 提交你的更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 打开一个 Pull Request

感谢所有为这个项目做出贡献的开发者!