Yolo UI,是一款基于 Dumi,由 React + TypeScript + Less 开发的UI组件库。
一直以来,我都只是停留在会使用各种 优秀
的开源组件库或者其他依赖库,从来没有想过这些组件库是如何开发的。直到现在,自己参考了ant-design、arco-design等多个组件库,并参考了网上的学习资源,由浅入深,尝试去实现一套个人组件库,探索组件库设计以及开发思路。
yolo-ui
作为一个学习组件开发的小 Demo,功能简单,存在各种缺陷,不可用于生产环境。该开源项目会不定期的更新,期待各位大佬点点 star。
使用 npm
npm install yolo-ui
import { Button } from 'yolo-ui';
const App = () => (
<>
<Button type="primary">Yolo Button</Button>
</>
)
引入样式:
import "yolo-ui/dist/index.css";
- Button 按钮
- Alert 警告提示
- Menu 导航菜单
- Tabs 标签页
- Input 输入框
- Icon 图标
- AutoComplete 自动完成
- Tag 标签
- Progress 进度条
- Select 选择器
- Switch 开关
- Upload 上传
版权 (c) 2022-至今 归 izph 所有. 详情请阅 LICENSE.