Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Ticurtiz/P5UI

 
 

Repository files navigation

Vue3 Persona5 UI

This project is still under development~

Preview

Simple Usage

Download

npm install p5-ui

Full Import

// In main.js
import { createApp } from 'vue'
import App from './App.vue'

import P5UI from 'p5-ui'
import 'p5-ui/dist/style.css'

const app = createApp(App)
app.use(P5UI)
app.mount('#app')

On-demand Import

// In main.js
import { createApp } from 'vue'
import App from './App.vue'

import {P5Button, P5Switch} from 'p5-ui'
import 'p5-ui/dist/style.css'

const app = createApp(App)
app.component(P5Button.name, P5Button)
app.component(P5Switch.name, P5Switch)
app.mount('#app')

Document

由于懒得再续费文档网站的服务器了,组件文档就以截图的形式放下面了。 examples文件夹里有文档网站的源码(examples/document-web),npm install 后可直接npm run dev运行。
打包后的文档网页(examples/document-web/build, 可直接在本地打开)

全局css

图标

标题

文字

滑块

开关

消息

提示

返回顶部

分隔符

上传

动画

About

persona5 ui library for vue3

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 50.5%
  • SCSS 35.0%
  • JavaScript 13.8%
  • HTML 0.7%