> For AI agents: the complete documentation index is available at /ooui-react/llms.txt, the full documentation bundle is available at /ooui-react/llms-full.txt.

# 组件总览

本组件库以 React 重实现 OOUI，组件按原版类层级分为**控件、布局、弹窗、工具栏**四族，合计 60 余个。

组件**不自带样式**，只输出与原版一致的 DOM 与 `oo-ui-*` 类名，使用前请先按[使用方式](/ooui-react/guide/usage.md)引入 OOUI 样式表；所有组件共有的属性规则见[通用属性与 ref](/ooui-react/guide/basics.md)。

## 控件


- [Button](/ooui-react/components/button/index.md) 支持图标、指示器、标签与链接形态
- [ToggleButton](/ooui-react/components/toggle-button/index.md) 可切换的按钮（按下/弹起）
- [ToggleSwitch](/ooui-react/components/toggle-switch/index.md) 开关
- [ButtonGroup](/ooui-react/components/button-group/index.md) 把若干按钮排成一组，可统一禁用
- [PopupButton](/ooui-react/components/popup-button/index.md) 点击弹出浮层的按钮
- [Popup](/ooui-react/components/popup/index.md) 弹出浮层本身
- [Label](/ooui-react/components/label/index.md) 独立文本标签
- [Icon](/ooui-react/components/icon/index.md) 图标
- [Indicator](/ooui-react/components/indicator/index.md) 指示器（“展开”“必填”一类标记）
- [ProgressBar](/ooui-react/components/progress-bar/index.md) 进度条
- [Message](/ooui-react/components/message/index.md) 行内消息提示（含关闭按钮）

### 输入


- [TextInput](/ooui-react/components/text-input/index.md) 单行文本输入框
- [MultilineTextInput](/ooui-react/components/multiline-text-input/index.md) 多行文本输入框
- [NumberInput](/ooui-react/components/number-input/index.md) 数字输入框（带步进按钮）
- [SearchInput](/ooui-react/components/search-input/index.md) 搜索输入框（带清空指示器）
- [SearchWidget](/ooui-react/components/search-widget/index.md) 查询输入框加常驻结果列表
- [ComboBoxInput](/ooui-react/components/combo-box-input/index.md) 可输入过滤也可下拉选择的组合框
- [CheckboxInput](/ooui-react/components/checkbox-input/index.md) 单个复选框
- [RadioInput](/ooui-react/components/radio-input/index.md) 单个单选框
- [SelectFileInputWidget](/ooui-react/components/select-file-input-widget/index.md) 文件选择（含拖放区形态）

### 选择

选项数据的书写约定（`value`、分组标题、标签多选的 `label`/`labelText`/`data`）见[选择与选项](/ooui-react/guide/options.md)。


- [Select](/ooui-react/components/select/index.md) 选择列表（下拉/菜单的内层）
- [Dropdown](/ooui-react/components/dropdown/index.md) 下拉选择
- [OutlineSelect](/ooui-react/components/outline-select/index.md) 带层级缩进的选择列表
- [TabSelect](/ooui-react/components/tab-select/index.md) 页签式选择
- [ButtonSelect](/ooui-react/components/button-select/index.md) 按钮式选择
- [ButtonMenuSelectWidget](/ooui-react/components/button-menu-select/index.md) 按钮触发的命令菜单
- [CheckboxMultiselect](/ooui-react/components/checkbox-multiselect/index.md) 复选组
- [RadioSelect](/ooui-react/components/radio-select/index.md) 单选组
- [TagMultiselect](/ooui-react/components/tag-multiselect/index.md) 标签输入（自由输入）
- [MenuTagMultiselect](/ooui-react/components/menu-tag-multiselect/index.md) 标签输入（带候选菜单）

### 表单提交

随 `<form>` 原生提交的一组字段控件，配合 `FormLayout` 使用。


- [ButtonInput](/ooui-react/components/button-input/index.md) 提交按钮
- [DropdownInput](/ooui-react/components/dropdown-input/index.md) 下拉选择字段
- [CheckboxMultiselectInput](/ooui-react/components/checkbox-multiselect-input/index.md) 复选组字段
- [RadioSelectInput](/ooui-react/components/radio-select-input/index.md) 单选组字段
- [HiddenInputWidget](/ooui-react/components/hidden-input-widget/index.md) 随表单提交但不显示的字段

## 布局


- [Layout](/ooui-react/components/layout/index.md) 布局基类
- [PanelLayout](/ooui-react/components/panel-layout/index.md) 带内边距的面板
- [PageLayout](/ooui-react/components/page-layout/index.md) 页面整体布局
- [StackLayout](/ooui-react/components/stack-layout/index.md) 堆叠面板，一次显示一个
- [BookletLayout](/ooui-react/components/booklet-layout/index.md) 带页签的多面板（手册式）
- [IndexLayout](/ooui-react/components/index-layout/index.md) 带索引区与搜索的多面板
- [TabPanelLayout](/ooui-react/components/tab-panel-layout/index.md) 单个页签面板
- [FieldLayout](/ooui-react/components/field-layout/index.md) 带标签与提示的字段包装
- [FieldsetLayout](/ooui-react/components/fieldset-layout/index.md) 字段分组（可统一禁用）
- [ActionFieldLayout](/ooui-react/components/action-field-layout/index.md) 字段加随行按钮
- [FormLayout](/ooui-react/components/form-layout/index.md) 表单容器
- [HorizontalLayout](/ooui-react/components/horizontal-layout/index.md) 横向排列若干元素
- [MenuLayout](/ooui-react/components/menu-layout/index.md) 菜单整体布局
- [CopyTextLayout](/ooui-react/components/copy-text-layout/index.md) 只读文本框加复制按钮

## 弹窗


- [Dialog](/ooui-react/components/dialog/index.md) 弹窗基类（受控 open）
- [MessageDialog](/ooui-react/components/dialog/index.md) 消息弹窗（确定/取消）
- [ProcessDialog](/ooui-react/components/process-dialog/index.md) 带多步流程与错误面板的弹窗
- [`confirm` / `alert` / `prompt`](/ooui-react/components/imperative-dialogs/index.md) 命令式弹窗（不依赖 React 树）

## 工具栏


- [Toolbar](/ooui-react/components/toolbar/index.md) 工具栏容器
- [BarToolGroup](/ooui-react/components/toolbar/index.md) 按钮式工具组
- [ListToolGroup](/ooui-react/components/toolbar/index.md) 列表式工具组
- [MenuToolGroup](/ooui-react/components/toolbar/index.md) 菜单式工具组
- [LabelToolGroup](/ooui-react/components/toolbar/index.md) 工具栏内的静态标签组