UG666

UG666 UI

组件总览

每个组件页都包含导入方式、变体展示、状态说明、尺寸示例、代码片段与 Props 表格。

Button

查看文档 →

用于触发主要操作、次级操作与危险操作的按钮组件。

操作反馈表单

Input

查看文档 →

带标签、错误信息与帮助文本的文本输入框。

表单数据录入

Label

查看文档 →

语义化表单标签,支持必填星号标识。

表单可访问性

Card

查看文档 →

用于承载模块内容、信息摘要与操作区域的卡片容器。

布局展示

Badge

查看文档 →

用于状态标记、分类标签与数量提示的轻量徽标。

状态标记

Modal

查看文档 →

居中对话框组件,支持遮罩关闭与 ESC 关闭。

反馈浮层

Table

查看文档 →

组合式数据表格组件,适合后台列表与对比信息。

数据展示布局

Toast

查看文档 →

轻量通知系统,适合全局成功、错误与提示反馈。

反馈通知

Tabs

查看文档 →

受控式标签页组件,适合分组内容切换。

导航布局

Dropdown

查看文档 →

点击触发的下拉操作菜单,支持危险项与对齐方式。

导航操作

Avatar

查看文档 →

头像组件,支持图片回退、尺寸变化与首字母占位。

展示用户

Tooltip

查看文档 →

悬停提示组件,支持四个方向的内容展示。

反馈提示

Alert

查看文档 →

强调型提示横幅,适合信息提醒、警告与错误反馈。

反馈状态

Breadcrumb

查看文档 →

面包屑导航组件,用于表达页面层级关系。

导航层级

Switch

查看文档 →

二元状态切换组件,支持标签位置与禁用态。

表单状态切换

Textarea

查看文档 →

多行文本输入组件,支持错误与帮助说明。

表单数据录入

Skeleton

查看文档 →

骨架屏占位组件,适合加载阶段的结构预览。

反馈加载

Progress

查看文档 →

线性进度条组件,支持颜色与百分比标签。

反馈状态

Sheet

查看文档 →

侧边抽屉组件,适合筛选面板与补充上下文内容。

浮层布局

EmptyState

查看文档 →

空状态占位组件,支持图标、描述与行动按钮。

反馈空数据

Spinner

查看文档 →

旋转加载指示器,适合局部加载与异步请求等待。

加载反馈

Pagination

查看文档 →

分页导航组件,支持省略号与页码跳转。

导航数据列表

Select

查看文档 →

原生 select 封装,支持占位、错误和帮助文本。

表单选择

Sidebar

查看文档 →

后台侧边导航组件,支持折叠态与底部插槽。

导航布局