@xmweb-ui/vue

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3

English | 简体中文

🌈 Features:

• 📦 69 clean, easy-to-use and powerful components.
• 🖖 One code, Support both Vue.js 2 and Vue.js 3.
• 🖥️ One code, Support both PC and Mobile.
• 🌍 Support internationalization.
• 🎨 Support theme customization.
• 📊 Components support configuration development, can support low-code platform.
• 💡 Use a cross-end and cross-framework architecture, flexible and portable.

🛠️ Usage

1. Installation

Execute the following command to install the xmweb-ui component library for Vue.js 3.

npm i @xmweb-ui/vue@3

Execute the following command to install the xmweb-ui component library for Vue.js 2.

npm i @xmweb-ui/vue@2

2. Import component

Then you can use the xmweb-ui component(such as <xm-button>) in the App.vue file.

<script lang="ts" setup>
  import { Button as XmButton } from '@xmweb-ui/vue'
</script>

<template>
  <xm-button>Xm Vue</xm-button>
</template>

🖥️ Development

git clone [e-mail]:xmweb-ui/xm-vue.git
cd xm-vue
pnpm i

# Vue.js 3
pnpm dev

# Vue.js 2
pnpm dev2

Open your browser and visit: http://127.0.0.1:7130/