Usage

npm install @r3dm4st3r/react-hook-form

Quickstart Guide

1import { Button } from '@mantine/core';
2import { FormProvider, useForm } from 'react-hook-form';
3
4import { Input, PasswordInput } from '@r3dm4st3r/react-hook-form';
5
6function App() {
7
8    const methods = useForm({
9        mode: 'onBlur',
10        defaultValues: {
11            username: '',
12            password: '',
13        }
14    });
15
16    const handleFormSubmit = (values) => {
17        console.log({values});
18    };
19
20    return (
21        <FormProvider {...methods}>
22            <form onSubmit={methods.handleSubmit(handleFormSubmit)}>
23                <Input name="username" label="Username" props={{size: 'lg'}} />
24                <PasswordInput name="password" label="PasswordInput" props={{size: 'lg'}} />
25                <Button type="submit" size="lg">Submit</Button>
26            </form>
27        </FormProvider>
28    );
29}

Components [ View All ]

• Input
• Password
• Switch
• Select
• Radio
• Textarea
• Checkbox
• Chip
• ChipGroup
• ColorPicker
• ColorInput

And many more is about to add...

This Package has been made to quick start with react-hook-forms using Mantine UI. If you find this useful, star the repo, If you find any issue or have some feedback or suggestion, reach me out.

License

This project is licensed under the MIT License - see the LICENSE file for details.