# UGJoin 连接容器

> 适配器：React；状态：available；slug：`join`。

将按钮、输入框等控件连接为横向、纵向或响应式连续边界。

## 适用场景

- 把同一任务的按钮、输入框或选择控件连接为连续横向、纵向或响应式边界。

## 不适用场景

- 控件互不相关或需要正常间距时使用 Space；只组合按钮且需要组级外观默认值时优先 ButtonGroup。

## 公开入口

- 包入口：`@ug666/ui-react/primitives`
- 公开成员：`UGJoin`、`UGJoinItem`
- 交互文档：[https://ui.ug666.top/react/components/join](https://ui.ug666.top/react/components/join)

```tsx
import { UGJoin, UGJoinItem } from '@ug666/ui-react/primitives'
```

## 使用规则

- 每个连续控件使用 UGJoinItem，并通过 as 渲染真实交互元素；组合需要可访问名称，窄屏布局使用 responsive。
- 受控值使用当前组件声明的 value/onValueChange 或公开回调。
- 涉及 Hook、Portal 或浏览器状态时保留 client boundary。
- 只通过公开 Props、事件、插槽、class/className 和语义 Token 扩展。

## 相关候选

- [space](https://ui.ug666.top/ai/react/components/space.md)
- [input](https://ui.ug666.top/ai/react/components/input.md)

## 生成前检查

- 当前适配器是否真实提供该组件。
- 导入路径、组件名和 API 是否存在于当前版本类型声明。
- 是否覆盖长文本、窄容器、键盘、焦点、disabled、loading 和错误状态。