h-design TypeScript icon, indicating that this package has built-in type declarations

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

H-design, a Vue 3.x based component library for developers

visitorsopen in new windownpmopen in new window

快速上手

安装

yarn add h-design
1

or

npm install h-design
1

全局引入

# main.js
import { createApp } from 'vue'

import HDesign from 'h-design';
import 'h-design/lib/styles/index.css';

const app = createApp(App)
app.use(HDesign)
1
2
3
4
5
6
7
8

按需引入

单文件组件中使用

import { HButton } from 'h-design';
import 'h-design/lib/styles/index.css';
export default {
  components: { HButton }
};
1
2
3
4
5
Last Updated: 2021/12/31 下午5:03:08
Contributors: xing.heng, xing.heng