Github
https://github.com/Blackman99/casual-ui
在线示例 & 文档
安装 & 使用
Vue3 用户
- 安装依赖
npm install @casual-ui/vue
- 全局使用
import { createApp } from 'vue'
import CasualUI from '@casual-ui/vue'
import '@casual-ui/vue/dstyle.css'
const app = createApp()
app.use(CasualUI)
app.mount('#app')
- 局部使用
<script setup>
import { CButton } from '@casual-ui/vue'
</script>
<template>
<c-button label="一个按钮" />
</template>
React17+ 用户
- 安装依赖
npm install @casual-ui/react
- 入口文件导入样式
import '@casual-ui/react/dist/style.css'
- 使用
import { CButton } from '@casual-ui/react'
function SomeComponent() {
return <CButton label="一个按钮" />
}
Svelte3+ 用户
- 安装依赖
npm install @casual-ui/svelte
- 入口文件导入样式
import '@casual-ui/svelte/dist/style.css'
- .svelte 文件中使用
<script>
import { CButton } from '@casual-ui/svelte'
</script>
<CButton label="一个按钮" />
参与贡献
鸣谢
Vue
Vite
Sass
PNPM
React
ESLint
Quasar
Stylelint
Vuepress v2
Vue Styleguidist
Docusaurus
VSCode
Svelte
Svelte Kit
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于