🌌 EMQ X UI Library.
yarn add @emqx/emqx-uimain.js
import { createApp } from 'vue'
import EmqxUI from '@emqx/emqx-ui'
import '@emqx/emqx-ui/lib/styles/index.scss'
const app = createApp(App)
app.use(EmqxUI)component.vue
<template>
<emqx-button>Test</emqx-button>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
name: 'App',
})
</script>
<style lang="scss"></style>Create a new theme file.
emqx-ui-variables.scss
/* theme color */
$--color-primary: $custom-color;
/* icon font path, required */
$--font-path: '~element-plus/lib/theme-chalk/fonts';
@import "~element-plus/packages/theme-chalk/src/index";main.js
import './emqx-ui-variables.scss'# Install dependencies
yarn install
# Compiles and hot-reloads for development
yarn serve# Build to lib
yarn lib
# Publish package
npm publishPowered by Vue.js 3.0 and element-plus
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent