# UGDock 底部操作坞

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

提供适配移动端安全区、尺寸与当前页状态的底部导航。

## 适用场景

- 移动端需要始终可达的 3–5 个主要目的地或高频页面入口。

## 不适用场景

- 桌面端主导航使用 Navbar/NavigationMenu/Sidebar；临时动作使用 Fab；不要承载过多入口。

## 公开入口

- 包入口：`@ug666/ui-react/components`
- 公开成员：`UGDock`、`UGDockItem`、`UGDockLabel`
- 交互文档：[https://ui.ug666.top/react/components/dock](https://ui.ug666.top/react/components/dock)

```tsx
import { UGDock, UGDockItem, UGDockLabel } from '@ug666/ui-react/components'
```

## 使用规则

- 导航根必须有可访问名称；当前页只标记一个 active 项；应用页面需保留底部安全区与内容避让。
- 受控值使用当前组件声明的 value/onValueChange 或公开回调。
- 涉及 Hook、Portal 或浏览器状态时保留 client boundary。
- 只通过公开 Props、事件、插槽、class/className 和语义 Token 扩展。

## 相关候选

- [navbar](https://ui.ug666.top/ai/react/components/navbar.md)
- [navigation-menu](https://ui.ug666.top/ai/react/components/navigation-menu.md)
- [sidebar](https://ui.ug666.top/ai/react/components/sidebar.md)

## 生成前检查

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