nimbleui / nimbleui-ui

vue3 + ts开发ui组件库

nimble-ui

一个 Vue 3 组件库

比较完整，主题可调，组件灵活，使用 TypeScript 开发

使用 TypeScript

@nimble-ui/vue 全量使用 TypeScript 编写，和你的 TypeScript 项目无缝衔接。

npm

使用 npm 安装。

npm i @nimble-ui/vue --save
yarn add @nimble-ui/vue --save

使用

import YYUi from "@nimble-ui/vue";
import "@nimble-ui/vue/index.css";

createApp(App).use(YYUi, {
  isDark: true, // 开启暗黑主题
  theme: {
    primary: "#1677ff" // 修改主色调
    // ...
  }
})

其他方式切换主题方式

import { useTheme } from "@nimble-ui/vue"

/**
 * 第一个参数改颜色、字体大小等等
 * 第二个参数切换主题：dark：暗黑主题  light：正常主题
 */
useTheme({
  primary: "#1677ff",
  //...
}, 'dark')