Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/qq15725/veno-ui

A Vue 3 UI Library. Vuetify 3 Variant
https://github.com/qq15725/veno-ui

components typescript ui ui-components veno veno-ui venoui vite vue vue3 vue3-components vue3-ui vuetify3

Last synced: 3 days ago
JSON representation

A Vue 3 UI Library. Vuetify 3 Variant

Awesome Lists containing this project

README

        

Veno UI



Minzip


Version


Downloads


Issues


License

一个 Vue 3 UI 组件库

## 特性

### 自定义主题

组件默认属性值,风格色皆可调。

### 无障碍设计

所有组件遵循 [WAI-ARIA](https://www.w3.org/TR/wai-aria-practices) 。

### 使用 TypeScript

所有组件 TypeScript 编写,类型安全。

## 📦 安装

```sh
npm i veno-ui
```

## 🦄 使用

导入全部组件的例子,按需导入请查看文档了解更多。

```typescript
import { createApp } from 'vue'
import App from './App.vue'

import { createVeno } from 'veno-ui'
import * as components from 'veno-ui/components'
import * as directives from 'veno-ui/directives'
import * as providers from 'veno-ui/providers'
const veno = createVeno({
components,
directives,
providers,
})

createApp(App).use(veno).mount('#app')
```

## 相关的库

| 项目 | 介绍 |
| --------------------- |------------------------------------------|
| [veno-admin] | Veno UI 的后台管理项目模板。 |
| [@veno-ui/markdown] | Veno UI 的 Markdown 渲染器 |
| [@veno-ui/vite-plugin-markdown] | Veno UI 在 Vite 下的 Markdown 文件解析 |

[veno-admin]: https://github.com/qq15725/veno-admin
[@veno-ui/markdown]: https://github.com/qq15725/veno-ui/blob/master/packages/markdown
[@veno-ui/vite-plugin-markdown]: https://github.com/qq15725/veno-ui/blob/master/packages/vite-plugin-markdown