README

<p align="center"> <a href="https://github.com/rjsf-team/react-jsonschema-form"> </a> <h3 align="center">rjsf-mantine</h3> <p align="center"> Mantine theme, fields and widgets for <a href="https://github.com/rjsf-team/react-jsonschema-form/"><code>react-jsonschema-form</code></a>.

<a href="https://rjsf-team.github.io/react-jsonschema-form/docs/"><strong>Explore the docs »</strong></a>




<a href="https://rjsf-team.github.io/react-jsonschema-form/">View Playground</a>
·
<a href="https://github.com/rjsf-team/react-jsonschema-form/issues">Report Bug</a>
·
<a href="https://github.com/rjsf-team/react-jsonschema-form/issues">Request Feature</a>

</p> </p>

Table of Contents
About The Project
- Built With
Getting Started
- Prerequisites
- Installation
Usage
Optional Mantine Theme properties
- Mantine Widget Optional Properties
Roadmap
Contributing
Contact

About The Project

Mantine theme, fields and widgets for react-jsonschema-form.

Built With

Getting Started

See the getting started guide on Mantine documentation.

Prerequisites

@mantine/core >= 8
@mantine/hooks >= 8
@mantine/dates >= 8
dayjs >= 1.8.0
@rjsf/core >= 6.0.0

npm install @mantine/core @mantine/hooks @mantine/dates dayjs @rjsf/core

Installation

npm install @rjsf/mantine

Usage

javascript

import Form from '@rjsf/mantine';

javascript

import { withTheme } from '@rjsf/core';
import { Theme as MantineTheme } from '@rjsf/mantine';

// Make modifications to the theme with your own fields and widgets

const Form = withTheme(MantineTheme);

Optional Mantine Theme properties

To pass additional properties to widgets, see this guide.

Mantine Widget Optional Properties

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

Read our contributors' guide to get started.

Contact

rjsf team: https://github.com/orgs/rjsf-team/people

GitHub repository: https://github.com/rjsf-team/react-jsonschema-form

Table of Contents