/miniAntd

模仿antd的组件库

Primary LanguageTypeScriptMIT LicenseMIT

cheesi ui

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组件
  • 部分组件的测试