Skip to content

🧩 通用组件 ​

全部自研组件,零依赖——不依赖 Element Plus 等任何第三方组件库,仅基于 Vue 3 原生能力 + 原子类样式实现。全局注册后可直接使用(组件按文件名注册,如 Button、Input;Message 为函数式调用)。

ts
import NexusUI from '@taibai/vue'
app.use(NexusUI)

// 或按需引入
import { Button, Input, Select, Message } from '@taibai/vue'

组件列表 ​

组件说明文档
按钮 Button6 种变体按钮查看
徽标 Badge数量/圆点徽标查看
卡片 Card通用卡片容器查看
分割线 Divider水平/垂直分割线查看
标签 Tag6 色标签,可关闭查看
气泡 Tooltiphover 气泡提示查看
输入框 Input原生输入框,可清除查看
选择器 Select下拉选择器查看
开关 Switch开关,带文字查看
对话框 Dialog弹窗,teleport 渲染查看
标签页 Tabs数据驱动标签页查看
间距 Space间距容器查看
面包屑 Breadcrumb面包屑导航查看
分页 Pagination自研分页查看
验证码 ValidCode图形验证码查看
消息 Message函数式消息提示查看

左侧菜单可展开每个组件,查看 Props / 事件 / Slots 与使用示例。

Released under the MIT License.