Skip to content
/ v-ui Public

@ckpack/v-ui is a vue3.x Component UI library.(此项目仅用于个人探索编写Vue组件库)

License

Notifications You must be signed in to change notification settings

ckpack/v-ui

Repository files navigation

@ckpakc/v-ui

@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

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>