Quickly create a component library for Vue 3


Keywords
vue, v-ui, vue-ui, vite
License
ISC
Install
npm install @ckpack/v-ui@1.12.2

Documentation

@ckpakc/v-ui

中文 | ENGLISH

@ckpack/v-ui is a Vue3.x Component UI library.

Features

  • Developed based on modern tools such as Vite, Vue3.x, TypeScript
  • Separation of UI, state logic and CSS for components
  • Switch theme styles with Hooks, CSS-IN-JS and CSS variables
  • You can customize component prefixes, CSS variable prefixes, and CSS class prefixes to avoid component name or style conflicts
  • All components support on-demand loading by default
  • Provides extensive documentation and component examples

Documentation

Getting Started

Full Import

Completely import the component library.

import { createApp } from 'vue';
import VUI from '@ckpack/v-ui';
import App from '@/App.vue';

const app = createApp(App);

app.use(VUI, {
  // ...Optional configuration parameters
});
app.mount('#app');

Demand Import

<script setup>
import { VButton } from '@ckpack/v-ui';
</script>

<template>
  <VButton>
    Test
  </VButton>
</template>