react-hook-form-mantine

(★ 98)

React Hook Form bindings for Mantine components

File Explorer

Download Latest Version (.zip)

- - ci.yml
  - release.yml
  - stale.yml
  - storybook.yml
- commit-msg
- pre-commit
- FormStatePanel.tsx
- main.ts
- preview-head.html
- preview.tsx
- - vite.svg
- - App.tsx
  - main.tsx
  - vite-env.d.ts
- index.html
- package.json
- README.md
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- commitlint.mjs
- - AlphaSlider.stories.tsx
  - AlphaSlider.test.tsx
  - AlphaSlider.tsx
- - AngleSlider.stories.tsx
  - AngleSlider.test.tsx
  - AngleSlider.tsx
- - Autocomplete.stories.tsx
  - Autocomplete.test.tsx
  - Autocomplete.tsx
- - Checkbox.stories.tsx
  - Checkbox.test.tsx
  - Checkbox.tsx
- - Chip.stories.tsx
  - Chip.test.tsx
  - Chip.tsx
- - ColorInput.stories.tsx
  - ColorInput.test.tsx
  - ColorInput.tsx
- - ColorPicker.stories.tsx
  - ColorPicker.test.tsx
  - ColorPicker.tsx
- - DateInput.stories.tsx
  - DateInput.test.tsx
  - DateInput.tsx
- - DatePicker.stories.tsx
  - DatePicker.test.tsx
  - DatePicker.tsx
- - DatePickerInput.stories.tsx
  - DatePickerInput.test.tsx
  - DatePickerInput.tsx
- - DateTimePicker.stories.tsx
  - DateTimePicker.test.tsx
  - DateTimePicker.tsx
- - FileInput.stories.tsx
  - FileInput.test.tsx
  - FileInput.tsx
- - HueSlider.stories.tsx
  - HueSlider.test.tsx
  - HueSlider.tsx
- - InlineDateTimePicker.stories.tsx
  - InlineDateTimePicker.test.tsx
  - InlineDateTimePicker.tsx
- - Input.stories.tsx
  - Input.test.tsx
  - Input.tsx
- - JsonInput.stories.tsx
  - JsonInput.test.tsx
  - JsonInput.tsx
- - MaskInput.stories.tsx
  - MaskInput.test.tsx
  - MaskInput.tsx
- - MonthPicker.stories.tsx
  - MonthPicker.test.tsx
  - MonthPicker.tsx
- - MonthPickerInput.stories.tsx
  - MonthPickerInput.test.tsx
  - MonthPickerInput.tsx
- - MultiSelect.stories.tsx
  - MultiSelect.test.tsx
  - MultiSelect.tsx
- - NativeSelect.stories.tsx
  - NativeSelect.test.tsx
  - NativeSelect.tsx
- - NumberInput.stories.tsx
  - NumberInput.test.tsx
  - NumberInput.tsx
- - PasswordInput.stories.tsx
  - PasswordInput.test.tsx
  - PasswordInput.tsx
- - PinInput.stories.tsx
  - PinInput.test.tsx
  - PinInput.tsx
- - Radio.stories.tsx
  - Radio.test.tsx
  - Radio.tsx
- - RangeSlider.stories.tsx
  - RangeSlider.test.tsx
  - RangeSlider.tsx
- - Rating.stories.tsx
  - Rating.test.tsx
  - Rating.tsx
- - SegmentedControl.stories.tsx
  - SegmentedControl.test.tsx
  - SegmentedControl.tsx
- - Select.stories.tsx
  - Select.test.tsx
  - Select.tsx
- - Slider.stories.tsx
  - Slider.test.tsx
  - Slider.tsx
- - Switch.stories.tsx
  - Switch.test.tsx
  - Switch.tsx
- - TagsInput.stories.tsx
  - TagsInput.test.tsx
  - TagsInput.tsx
- - setupTests.ts
  - test-utils.tsx
- - Textarea.stories.tsx
  - Textarea.test.tsx
  - Textarea.tsx
- - TextInput.stories.tsx
  - TextInput.test.tsx
  - TextInput.tsx
- - TimeInput.stories.tsx
  - TimeInput.test.tsx
  - TimeInput.tsx
- - TimePicker.stories.tsx
  - TimePicker.test.tsx
  - TimePicker.tsx
- - TreeSelect.stories.tsx
  - TreeSelect.test.tsx
  - TreeSelect.tsx
- - YearPicker.stories.tsx
  - YearPicker.test.tsx
  - YearPicker.tsx
- - YearPickerInput.stories.tsx
  - YearPickerInput.test.tsx
  - YearPickerInput.tsx
- index.ts
.barrelsby
.editorconfig
.gitignore
.npmrc
.oxfmtrc.json
.oxlintrc.json
CHANGELOG.md
commitlint.config.cjs
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
README.md
release.config.mjs
tsconfig.json
vite.config.ts

# Installation Guide

1. Get the code

git clone https://github.com/aranlucas/react-hook-form-mantine

Downloads the entire project code from GitHub to your computer.

cd react-hook-form-mantine

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install react-hook-form-mantine react-hook-form @mantine/core @mantine/dates dayjs

Downloads and installs the libraries listed in package.json.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.