组件总览
ReUI 后台组件库全部组件，按功能分类
ReUI 后台组件库基于 reka-ui 与 Tailwind CSS 构建，提供 ui（shadcn-vue 风格基础组件）与 reui（高级业务组件）两套组件，覆盖通用、布局、导航、数据录入、数据展示、反馈等分类。点击组件名称查看完整文档与示例。
通用
| 组件 | 说明 |
|---|---|
button 按钮 | 触发操作的基础按钮 |
divider 分割线 | 分隔内容区域 |
label 标签 | 表单字段文本标签 |
spinner 加载圈 | 基础加载指示 |
toggle 开关 | 简单布尔值开关 |
布局
| 组件 | 说明 |
|---|---|
border-beam 边框光束 | 边框发光动画 |
masonry-grid 瀑布流 | 瀑布流布局 |
splitter 面板分割 | 可拖拽分割面板 |
导航
| 组件 | 说明 |
|---|---|
affix 固钉 | 滚动时固定元素位置 |
breadcrumb 面包屑 | 显示页面层级路径 |
dropdown-menu 下拉菜单 | 下拉操作菜单 |
tabs 标签页 | 多标签内容切换 |
数据录入
| 组件 | 说明 |
|---|---|
autocomplete 自动完成 | 输入时自动补全 |
cascader 级联选择 | 多级联动选择 |
checkbox 多选框 | 多项选择 |
combobox 组合框 | 可搜索选择框 |
command 命令面板 | 命令式菜单 |
date-picker 日期选择 | 选择日期 |
editor 富文本 | 富文本编辑器 |
input 输入框 | 基础文本输入 |
input-select 输入选择 | 输入与下拉结合 |
native-select 原生选择 | 原生下拉框 |
radio 单选框 | 单项选择 |
rate 评分 | 星级评分 |
segmented 分段控制 | 分段选择 |
select 选择器 | 下拉选择 |
slide-captcha 滑块验证 | 滑块验证码 |
switch 开关 | 受控开关 |
tags-input 标签输入 | 标签式输入 |
textarea 多行文本 | 多行文本输入 |
time-picker 时间选择 | 选择时间 |
transfer 穿梭框 | 双栏数据穿梭 |
treeselect 树选择 | 树形下拉选择 |
upload 上传 | 文件上传 |
数据展示
| 组件 | 说明 |
|---|---|
audio-player 音频播放 | 音频播放器 |
avatar 头像 | 头像展示 |
badge 徽标 | 角标与状态点 |
calendar 日历 | 日历展示 |
card 卡片 | 内容容器卡片 |
chat 对话 | 对话气泡组件 |
collapsible 折叠面板 | 可折叠内容 |
empty 空状态 | 空数据占位 |
hover-card 悬停卡片 | 悬停展示详情 |
image-viewer 图片预览 | 图片放大预览 |
popover 气泡卡片 | 悬浮气泡内容 |
pricing-table 价格表 | 定价方案对比 |
qr-code 二维码 | 二维码生成 |
table 表格 | 数据表格 |
tag 标签 | 分类标签 |
timeline 时间轴 | 时间线展示 |
tooltip 文字提示 | 悬浮文字提示 |
tree 树形控件 | 树形结构展示 |
video-player 视频播放 | 视频播放器 |
反馈
| 组件 | 说明 |
|---|---|
alert 警告提示 | 页面级警告提示 |
alert-dialog 警告对话框 | 强制确认对话框 |
dialog 对话框 | 模态对话框 |
drawer 抽屉 | 侧边抽屉面板 |
feedback 反馈 | 用户反馈组件 |
modal 模态框 | 模态窗口 |
notification 通知 | 全局通知 |
pop-confirm 气泡确认 | 气泡确认框 |
skeleton 骨架屏 | 加载骨架占位 |
spin 加载中 | 加载状态 |
toast 轻提示 | 轻量提示 |
其他
| 组件 | 说明 |
|---|---|
backtop 回到顶部 | 一键回到顶部 |
config-provider 全局配置 | 语言与主题配置 |
cropper 图片裁切 | 图片裁切 |
float-button 悬浮按钮 | 悬浮操作按钮 |
overlay 浮层 | 浮层层级管理 |
tour 漫游引导 | 分步引导 |
watermark 水印 | 页面水印 |