Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ckpack/v-ui
@ckpack/v-ui is a vue3.x Component UI library.(此项目仅用于个人探索编写Vue组件库)
https://github.com/ckpack/v-ui
v-ui vite vue-ui
Last synced: about 1 month ago
JSON representation
@ckpack/v-ui is a vue3.x Component UI library.(此项目仅用于个人探索编写Vue组件库)
- Host: GitHub
- URL: https://github.com/ckpack/v-ui
- Owner: ckpack
- License: mit
- Created: 2022-01-11T09:35:23.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-03-26T11:32:43.000Z (8 months ago)
- Last Synced: 2024-04-26T18:21:07.064Z (7 months ago)
- Topics: v-ui, vite, vue-ui
- Language: TypeScript
- Homepage: https://ckpack.github.io/v-ui
- Size: 9.46 MB
- Stars: 8
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
@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](https://ckpack.github.io/v-ui/)
## Getting Started
### Full Import
Completely import the component library.
```js
import App from '@/App.vue';
import VUI from '@ckpack/v-ui';
import { createApp } from 'vue';const app = createApp(App);
app.use(VUI, {
// ...Optional configuration parameters
});
app.mount('#app');
```### Demand Import
```vue
import { VButton } from '@ckpack/v-ui';
Test
```