Base UI 是一个导航型技能,用于查阅和运用 @base-ui/react 相关内容,适用于实现无样式、可访问的 React 组件、组合工具和表单辅助。
用途与定位:该技能被设计为 Base UI 的导航枢纽,本身不直接提供代码,而是在需要时加载具体的参考文件。
主要能力(参考文档结构):
- overview.md:安装、portal 隔离、iOS 26 Safari、LLM 文档访问与项目上下文。
- components.md:完整组件与工具索引,并附 .md 文档链接。
- styling.md:className/state、data 属性、CSS 变量、style 属性,以及 Tailwind、CSS Modules、CSS-in-JS 模式。
- composition.md:render prop 用法、ref 转发、嵌套 render props。
- 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 与发布说明。
适用场景:在 React 项目中采用 Base UI 构建无样式、可访问组件,处理样式定制、组合、动画、表单校验与 TypeScript 类型等需求时,可作为参考资料入口。
限制:资料未提供具体组件实现、价格、平台支持或效果说明,相关内容暂未提供。