mantine-custom-components 是把自定义 React 组件接入 Mantine 主题与样式接口的 Skill。它给出属性、样式选择器、变量和默认值的基础组件骨架。
组件接收使用者的样式设置后,再通过对应样式入口应用到节点;主题可以覆盖默认属性和样式。只画出一个外观相近的组件,还不等于它能跟随全站主题变化。
主文区分普通组件、可换根元素的组件,以及属性随泛型变化的组件。可换根元素会增加类型复杂度,不应给每个组件都套同一种工厂。
复合组件和完整 API 另有参考,这里只介绍主文骨架与选择思路。模板展示了类型声明,但你实际渲染的节点、样式名和引用转发仍要对应检查;本文未编译模板,也未证明它可直接用于你的 Mantine 版本。