miao-design

Miao Design

基于 Vue 3 + TypeScript 的轻量级组件库。

安装

pnpm add miao-design
# 或
npm install miao-design

vue@^3.5 作为 peerDependency，由使用方自行安装。

使用

完整引入

import { createApp } from 'vue'
import MiaoDesign from 'miao-design'
import 'miao-design/style.css'

createApp(App).use(MiaoDesign).mount('#app')

按需引入

import { MButton } from 'miao-design'
import 'miao-design/style.css'

组件通过 use() 注册后自动完成全局注册；按需使用时在模板中直接引用组件即可。

指令

import { vRipple } from 'miao-design'

// 任意元素上使用 v-ripple
app.directive('ripple', vRipple)

编程式 Toast

import { toast } from 'miao-design'

toast.success('操作成功')

组件列表

License

MIT