@t8y2/unihub-ui

@unihub/ui

UniHub 官方 UI 组件库，基于 shadcn-vue 构建。

安装

npm install @unihub/ui
# 或
pnpm add @unihub/ui

使用

<script setup>
import { Button, Input, Card } from '@unihub/ui'
</script>

<template>
  <Card>
    <Input placeholder="输入内容" />
    <Button>提交</Button>
  </Card>
</template>

<style>
@import '@unihub/ui/style.css';
</style>

组件列表

• Button - 按钮组件
• Input - 输入框组件
• Card - 卡片组件
• Label - 标签组件
• Textarea - 文本域组件
• Select - 选择器组件
• Dialog - 对话框组件
• Tabs - 标签页组件

主题

支持亮色和暗色主题，通过 CSS 变量控制。

开发

# 开发模式
pnpm dev

# 构建
pnpm build