React 组件

UGJoin 连接容器

把按钮、输入框等相关控件连接成连续边界，统一处理中间圆角、边框重叠和焦点层级。

导入方式

按需从包入口导入组件，并在应用入口引入一次样式文件。

tsx

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

用 JoinItem 把连续边界应用到真实 UGButton，不额外包一层 DOM。

窄屏纵向排列，较宽视口自动切回横向。

属性	类型	默认值	说明
orientation	horizontal \| vertical \| responsive	horizontal	设置排列方向；responsive 在 640px 以下纵向排列。
UGJoin.as	ElementType	div	设置组合容器元素。
UGJoinItem.as	ElementType	div	把样式合同应用到真实按钮、输入框或自定义组件。