Community编程与开发github.com

mantinedev/mantine-form

在 mantine-9 仓库中使用 @mantine/form 构建表单。适用于以下场景:(1) 使用 useForm 设置表单,(2) 添加验证规则或异步验证,(3) 处理嵌套对象或数组字段,(4) 使用 createFormContext 跨组件共享表单状态,(5) 使用非受控模式提升性能,(6) 使用独立的 useField 钩子,或 (7) 任何涉及 useForm、getInputProps、onSubmit、insertListItem 或表单验证的任务。

mantine-form 是什么?

此技能专注于在 mantine-9 仓库中利用 @mantine/form 库构建表单。它提供了完整的表单构建指南,涵盖从基础的表单设置(使用 useForm)到高级功能(如嵌套字段处理、跨组件状态共享、非受控模式及独立的 useField 钩子)。该技能详细说明了如何添加同步和异步验证规则,并指导用户使用 getInputProps、onSubmit、insertListItem 等核心 API。适用于任何需要高效、灵活且性能优化的表单实现场景,帮助开发者快速搭建功能完整的表单。

兼容平台~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/mantinedev/skills/tree/main/skills/mantine-form

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

mantine-form 是做什么的?

在 mantine-9 仓库中使用 @mantine/form 构建表单。使用本技能的场景包括:(1) 使用 useForm 设置表单,(2) 添加验证规则或异步验证,(3) 处理嵌套对象或数组字段,(4) 使用 createFormContext 跨组件共享表单状态,(5) 使用非受控模式提升性能,(6) 使用独立的 useField 钩子,或 (7) 任何涉及 useForm、getInputProps、onSubmit、insertListItem 或表单验证的任务。

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

相关技能