@teknim/rjsf-mantine v5.24.4

Table of Contents

• 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

• react-jsonschema-form
• Mantine

Getting Started

• See the getting started guide on Mantine documentation.

Prerequisites

• @mantine/core >= 7
• @mantine/hooks >= 7
• @mantine/dates >= 7
• dayjs >= 1.8.0
• @rjsf/core >= 2.0.0

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

Installation

npm install @rjsf/mantine

Usage

import Form from '@rjsf/mantine';

or

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

• Mantine props for CheckboxWidget
• Mantine props for ColorWidget
• Mantine props for DateWidget
• Mantine props for DateTimeWidget
• Mantine props for PasswordWidget
• Mantine props for RadioWidget
• Mantine props for RangeWidget
• Mantine props for SelectWidget
• Mantine props for UpDownWidget
• Mantine props for TextWidget
• Mantine props for TextAreaWidget
• Mantine props for TimeWidget

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