h-design

组件介绍

h-design 是一款基于 Vue3的UI组件库。🎈使用Typescript编写。 此组件库用于学习使用，不建议搭建用于开发环境，希望同道中人让这个项目能真正用起来。

组件文档

线上文档

线上文档地址

本地文档

npm run docs:dev

or

yarn doc:dev

组件开发

开发进度

基础组件

• button 按钮组件
• row/col 布局组件

输入类

• input
• select
• form
• radio
• radio-group
• checkbox
• checkbox-group
• switch
• star
• upload

数据组件

• table
• pagination
• tree

反馈类

• dialog
• tooltip
• alert
• tip
• banner
• notification

展示类

• icon

其他

• icon

... 等等等 🎯

组件结构

├─docs                  // vuepress 文档
├─packages              // 组件库源码目录
│  ├─Button             // 按钮组件
│  ├─Row                // 布局组件Row
│  ├─Col                // 布局组件Col
│  ├─Tip                // 提示反馈组件Tip
│  ├─...            
│  ├─styles             // 样式文件目录
│  └─index.js           // 组件库入口文件
├─src                   // 在这里引入组件查看页面效果
├─package.json