mmcat-ui

该组件库采用 [email protected] + [email protected] + [email protected] + [email protected] 实现！
所有组件样式使用 BEM 设计模式，效仿 Element-Plus 官方样式架构！
开箱即用，提供常用基础 UI 组件，以及探讨一些组件的常用性能优化方案！

Document & Online preview

VUE MMCAT UI

Install & Use

pnpm i mmcat-ui
# or
npm install mmcat-ui
# or
yarn add mmcat-ui

Global

import { createApp } from "vue";
import App from "./App.vue";

import McElementPlus from "mmcat-ui";
import "mmcat-ui/dist/style.css";

const app = createApp(App);
app.use(McElementPlus);

Local

<script setup lang="ts">
import { McButton } from "mmcat-ui";
import "mmcat-ui/dist/style.css";
</script>

Project

• Get the project code

git clone https://github.com/mcmcCat/mmcat-ui.git

• Install dependencies

cd mmcat-ui

pnpm i

• Run project

pnpm dev

Components

Component name	Descriptions
Button	按钮
Icon	图标
Message	消息提示
Input	输入框

Lab Components

Component name	Descriptions
Table	表格