UG666

UG666 UI

React 组件目录

组件总览

按分类浏览组件效果,快速找到适合当前页面的组件。

组件数量

42

分组

6

包名

@ug666/ui-react

基础组件

最小可复用视觉单元,负责按钮、输入、容器、标签和基础状态。

8
UGButton

按钮 · 基础组件

Docs
@ug666/ui-react/primitives查看
UGInput

输入框 · 基础组件

Docs
@ug666/ui-react/primitives查看
UGLabel

标签 · 基础组件

Docs
@ug666/ui-react/primitives查看
UGCard

卡片 · 基础组件

Docs

卡片标题

描述内容

内容区域
@ug666/ui-react/primitives查看
UGBadge

徽标 · 基础组件

Docs
默认成功待处理
@ug666/ui-react/primitives查看
UGTag

标签 · 基础组件

Docs
默认标签可关闭已完成
@ug666/ui-react/primitives查看
UGSpinner

加载 · 基础组件

Docs
加载中
@ug666/ui-react/primitives查看

表单输入

收集、校验和编辑用户输入。

9
UGSelect

选择器 · 表单输入

Docs
@ug666/ui-react/components查看
UGCheckbox

复选框 · 表单输入

Docs
@ug666/ui-react/components查看
UGRadio

单选框 · 表单输入

Docs
@ug666/ui-react/components查看
UGSwitch

开关 · 表单输入

Docs
已开启
@ug666/ui-react/components查看
UGForm

表单 · 表单输入

Docs
@ug666/ui-react/components查看

浮层弹层

临时承载操作和上下文信息,注意 client 边界。

8
UGModal

弹窗 · 浮层弹层

Docs
@ug666/ui-react/components查看
UGDialog

确认框 · 浮层弹层

Docs
@ug666/ui-react/components查看
UGDrawer

抽屉 · 浮层弹层

Docs
@ug666/ui-react/components查看
UGSheet

抽屉面板 · 浮层弹层

Docs
@ug666/ui-react/components查看
UGContextMenu

右键菜单 · 浮层弹层

Docs
在此区域右键
@ug666/ui-react/components查看
UGPopover

浮层 · 浮层弹层

Docs
@ug666/ui-react/components查看
UGTooltip

提示 · 浮层弹层

Docs
@ug666/ui-react/components查看

反馈状态

表达成功、警告、错误、空状态和加载过程。

5
UGAlert

提示 · 反馈状态

Docs
@ug666/ui-react/components查看
UGToaster

通知 · 反馈状态

Docs
@ug666/ui-react/components查看
UGEmptyState

空状态 · 反馈状态

Docs

暂无内容

这里会展示空状态。

@ug666/ui-react/components查看

数据展示

展示列表、对象详情、头像、指标和折叠信息。

6
UGTable

表格 · 数据展示

Docs
名称状态
组件可用
@ug666/ui-react/components查看
UGDescriptions

描述列表 · 数据展示

Docs
入口@ug666/ui-react
状态stable
@ug666/ui-react/components查看
UGStatistic

统计数字 · 数据展示

Docs
组件数
42
+3
@ug666/ui-react/components查看
UGAccordion

手风琴 · 数据展示

Docs
组件内容区域
@ug666/ui-react/components查看