Base UI 技能主要作为 @base-ui/react 的导航枢纽使用,适合在实现 Base UI 组件时按需加载具体参考文件,而非一次性通读。
使用方式:先阅读 references/overview.md,了解安装、Portal 隔离、iOS 26 Safari 兼容与 LLM 文档访问;再从 references/components.md 中挑选组件;随后按需求选择相应指引,涵盖样式、组合、定制、动画、表单、TypeScript 或工具函数。
参考文件分工:overview.md 涉及安装、portal、iOS 26 Safari、LLM 文档与项目上下文;components.md 提供完整组件与工具索引及文档链接;styling.md 覆盖 className/state、data 属性、CSS 变量、style 属性以及 Tailwind、CSS Modules、CSS-in-JS 模式;composition.md 说明 render prop、ref 转发与嵌套;customization.md 涉及 Base UI 事件、eventDetails、cancel/allowPropagation、preventBaseUIHandler、受控与非受控;animation.md 涵盖 data 属性、过渡与动画、Motion/AnimatePresence、keepMounted、getAnimations;forms.md 说明 Form/Field 模式、约束校验、服务端错误与 RHF、TanStack 集成;typescript.md 涉及 Props/State 命名空间、ChangeEventDetails/Reason、actionsRef、useRender 类型;utils.md 涉及 CSPProvider、DirectionProvider/useDirection、mergeProps/mergePropsN、useRender 模式。此外 edge-cases.md 汇总常见陷阱与修复,examples.md 提供可运行示例,links.md 指向 issue 与 changelog。
使用模式:先确定组件或工具,再查看 components.md 中的组件文档,引入相关手册或工具参考,在 edge-cases.md 中确认边界情况,发布前通过 links.md 查看 issue 与发布说明。
限制:资料未提供具体安装命令、代码示例、收费信息与平台支持范围,暂未提供更多细节。