自定义组件接主题的Skill

使用Mantine构建支持主题和样式的自定义组件。

mantine-custom-components 是把自定义 React 组件接入 Mantine 主题与样式接口的 Skill。它给出属性、样式选择器、变量和默认值的基础组件骨架。

组件接收使用者的样式设置后,再通过对应样式入口应用到节点;主题可以覆盖默认属性和样式。只画出一个外观相近的组件,还不等于它能跟随全站主题变化。

主文区分普通组件、可换根元素的组件,以及属性随泛型变化的组件。可换根元素会增加类型复杂度,不应给每个组件都套同一种工厂。

复合组件和完整 API 另有参考,这里只介绍主文骨架与选择思路。模板展示了类型声明,但你实际渲染的节点、样式名和引用转发仍要对应检查;本文未编译模板,也未证明它可直接用于你的 Mantine 版本。

分类:编程开发

来源仓库:mantinedev/skills

适合用来做什么

  • 请用Mantine框架创建一个自定义组件用于表单验证。
  • 如何在Mantine中实现一个带有动画效果的自定义按钮组件?

安装 mantine-custom-components

npx skills add https://www.iskills.cc/skills/mantinedev/skills/mantine-custom-components/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 mantine-custom-components 的用途与原始说明

浏览全部 Skill 指南