0.2.0 • Published 2 years ago

yolo-ui v0.2.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Yolo UI,是一款基于 Dumi,由 React + TypeScript + Less 开发的UI组件库。

一直以来,我都只是停留在会使用各种 优秀的开源组件库或者其他依赖库,从来没有想过这些组件库是如何开发的。直到现在,自己参考了ant-designarco-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.