个人随意编写的组件库——Casual UI,支持 Vue3+、React17+、Svelte3+

本贴最后更新于 610 天前,其中的信息可能已经时过境迁

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

协议

MIT

  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    264 引用 • 665 回帖 • 1 关注
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 402 关注
  • 组件
    10 引用 • 28 回帖
  • Svelte
    6 引用 • 22 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...