SuperAPI AI 工具集

mantine-custom-components

前端与建站

查看项目

更新于 10-15 21:51

技能介绍

用途:该技能用于创建与 Mantine 的主题系统、Styles API 和核心特性集成的自定义组件,适用于基于 Mantine 构建组件库或复用组件的开发场景。\n\n主要能力:提供标准组件模板,基于 factory() 创建组件,配合 useProps、useStyles、createVarsResolver 等工具处理默认属性、样式与 CSS 变量;通过 Factory 类型声明 props、ref、stylesNames、vars、variant 等字段。支持三类工厂函数:factory() 用于标准组件,polymorphicFactory() 用于支持 component 属性的多态组件,genericFactory() 用于属性随泛型变化的组件。资料提示多态工厂会增加 TypeScript 开销并降低 IDE 自动补全速度,应谨慎使用。\n\n主题集成:用户与主题可通过 Component.extend() 覆盖默认值,在 createTheme 的 components 中配置 defaultProps、classNames、styles、vars。另可借助 createSafeContext、CompoundStylesApiProps 等实现复合组件与上下文模式。\n\n限制与缺失:上述为技能资料内容,未提供安装命令、版本要求、收费信息或具体使用步骤,暂未提供。