cheesi UI,是一款基于 Dumi,由 React + TypeScript 开发的组件库 🎉。
UI 设计方面会大量参考Ant Design 组件库,同时组件的使用方式也会参照 Ant Design 进行实现。由于我们能力有限,有不周之处还望批评指正!
- 🌈 提炼组件库设计良好的视觉风格
- 📦 渐进式探索高质量的前端代码的实现
- 🛡 使用 TypeScript 开发,提升开发体验
- ✅ 使用单元测试,为组件稳定性保驾护航
- 📖 提供开发过程的文档思路,助力你学习组件开发
- 🔖 欢迎贡献组件代码,探索最佳实践
使用 npm 或 yarn 安装(推荐)
yarn add cheesi
npm install cheesi
import { Button } from 'cheesi'
const App = () => (
<>
<Button type="primary">Primary Button</Button>
</>
)
引入样式:
import 'cheesi/dist/index.css'
🚧 开发中......
- 开发 Upload 组件
- 开发List 组件
- 添加切换主题功能
✨ 已完成
- CSS 样式解决方案、初始化文件结构、UI 设计
- 开发 spin、alert、avatar、breadcrumb、button、drawer、form、icon、input、layout、menu、progress、select、switch、table组件
- 部分组件的测试