mantine-form

What problem does it solve?

Building Mantine forms can be time-consuming and error-prone without a guided workflow that handles state, validation, and submission across complex forms.

Core Features & Use Cases

• Set up forms with useForm, including initial values and validation rules (including async validation).
• Bind inputs with getInputProps for seamless value, change, and error handling across simple and nested fields.
• Manage submission flow with onSubmit, including cross-field validation, and error handling for server responses.
• Support both controlled and uncontrolled modes, array fields, and form context sharing across components.

Quick Start

Create a Mantine form using useForm, wire inputs with getInputProps, and handle validation on submit.