React 组件目录

组件总览

按分类浏览组件文档,快速找到适合当前场景的组件。

组件
78
分组
9
包名
@ug666/ui-react

核心组件

跨应用复用的标准 UI 能力,按用途继续分组。

基础组件

操作、文本、图标和轻量状态标识等通用能力。

6 个
UGButton

按钮 · 基础组件

文档
@ug666/ui-react/primitives
UGSeparator

分割线 · 基础组件

文档
@ug666/ui-react/primitives
UGKbd

键盘按键 · 基础组件

文档
@ug666/ui-react/primitives
UGLink

链接 · 基础组件

文档
@ug666/ui-react/primitives
UGText

文本 · 基础组件

文档
@ug666/ui-react/primitives
UGIcon

图标 · 基础组件

文档
@ug666/ui-react/primitives

布局

组织间距、容器、分栏、滚动和元素叠放关系。

8 个
UGSpace

间距 · 布局

文档
@ug666/ui-react/primitives
UGScrollbar

滚动条 · 布局

文档
@ug666/ui-react/primitives
UGIndicator

角标容器 · 布局

文档
@ug666/ui-react/primitives
UGJoin

连接容器 · 布局

文档
@ug666/ui-react/primitives
UGStack

层叠容器 · 布局

文档
@ug666/ui-react/primitives
UGRow

布局 · 布局

文档
@ug666/ui-react/primitives
UGContainer

布局容器 · 布局

文档
@ug666/ui-react/primitives
UGSplitter

分割面板 · 布局

文档
@ug666/ui-react/primitives

主题与配置

统一组件树的尺寸、状态和主题上下文。

2 个

表单输入

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

15 个
UGInput

输入框 · 表单输入

文档
@ug666/ui-react/primitives
UGLabel

标签 · 表单输入

文档
@ug666/ui-react/primitives
UGTextarea

文本域 · 表单输入

文档
@ug666/ui-react/components
UGSelect

选择器 · 表单输入

文档
@ug666/ui-react/components
UGFileInput

文件选择 · 表单输入

文档
@ug666/ui-react/components
UGFieldset

字段分组 · 表单输入

文档
@ug666/ui-react/components
UGCheckbox

复选框 · 表单输入

文档
@ug666/ui-react/components
UGRadio

单选框 · 表单输入

文档
@ug666/ui-react/components
UGSwitch

开关 · 表单输入

文档
@ug666/ui-react/components
UGSlider

滑块 · 表单输入

文档
@ug666/ui-react/components
UGRating

评分 · 表单输入

文档
@ug666/ui-react/components
UGCalendar

日历 · 表单输入

文档
@ug666/ui-react/components
UGNumberInput

数字输入 · 表单输入

文档
@ug666/ui-react/components
UGOTPInput

验证码 · 表单输入

文档
@ug666/ui-react/components
UGForm

表单 · 表单输入

文档
@ug666/ui-react/components

数据展示

展示列表、对象详情、媒体、指标和数据状态。

27 个
UGCard

卡片 · 数据展示

文档
@ug666/ui-react/primitives
UGBadge

徽标 · 数据展示

文档
@ug666/ui-react/primitives
UGTag

标签 · 数据展示

文档
@ug666/ui-react/primitives
UGProgress

进度条 · 数据展示

文档
@ug666/ui-react/components
UGSkeleton

骨架屏 · 数据展示

文档
@ug666/ui-react/components
UGEmptyState

空状态 · 数据展示

文档
@ug666/ui-react/components
UGTable

表格 · 数据展示

文档
@ug666/ui-react/components
UGStatistic

统计数字 · 数据展示

文档
@ug666/ui-react/components
UGDataPanel

数据面板 · 数据展示

文档
@ug666/ui-react/components
UGTrendChart

趋势图 · 数据展示

文档
@ug666/ui-react/components
UGDonutChart

环形占比图 · 数据展示

文档
@ug666/ui-react/components
UGRankingList

排名进度 · 数据展示

文档
@ug666/ui-react/components
UGBarChart

柱状图 · 数据展示

文档
@ug666/ui-react/components
UGGaugeChart

仪表盘 · 数据展示

文档
@ug666/ui-react/components
UGRadarChart

雷达图 · 数据展示

文档
@ug666/ui-react/components
UGAvatar

头像 · 数据展示

文档
@ug666/ui-react/components
UGAvatarGroup

头像组 · 数据展示

文档
@ug666/ui-react/components
UGAccordion

折叠面板 · 数据展示

文档
@ug666/ui-react/components
UGCollapsible

单项折叠 · 数据展示

文档
@ug666/ui-react/components
UGList

列表 · 数据展示

文档
@ug666/ui-react/components
UGCarousel

轮播 · 数据展示

文档
@ug666/ui-react/components
UGTimeline

时间线 · 数据展示

文档
@ug666/ui-react/components

反馈与浮层

表达操作结果、加载状态、确认流程和临时上下文。

9 个
UGSpinner

加载指示器 · 反馈与浮层

文档
@ug666/ui-react/primitives
UGModal

弹窗 · 反馈与浮层

文档
@ug666/ui-react/components
UGDialog

对话框 · 反馈与浮层

文档
@ug666/ui-react/components
UGDrawer

抽屉 · 反馈与浮层

文档
@ug666/ui-react/components
UGSheet

抽屉面板 · 反馈与浮层

文档
@ug666/ui-react/components
UGPopover

弹出框 · 反馈与浮层

文档
@ug666/ui-react/components
UGTooltip

文字提示 · 反馈与浮层

文档
@ug666/ui-react/components
UGAlert

提示 · 反馈与浮层

文档
@ug666/ui-react/components
UGToaster

消息通知 · 反馈与浮层

文档
@ug666/ui-react/components

平台组件

依赖特定运行环境交互或能力的组件。

Web 交互

依赖 Web 运行环境能力的组件。

1 个
UGContextMenu

右键菜单 · Web 交互

文档
@ug666/ui-react/components

扩展组件

面向特定应用领域的可选组件,不进入基础组件集合。

管理后台

面向后台、控制台和高密度工作界面的组件。

1 个
UGSidebar

侧边栏 · 管理后台

文档
@ug666/ui-react/components