@rjsf/mui

@rjsf/mui

Material UI 5 theme, fields and widgets for react-jsonschema-form.
Explore the docs »

View Playground · Report Bug · Request Feature

Table of Contents

• Table of Contents
• About The Project
  • Built With
• Getting Started
  • Prerequisites
  • Installation
• Usage
  • Material UI version 5
• Roadmap
• Contributing
• Contact

About The Project

Exports material-ui version 4 and 5 themes, fields and widgets for react-jsonschema-form.

Built With

• react-jsonschema-form
• Material UI 5
• TypeScript

Getting Started

Prerequisites

NOTE: Material UI 5 requires React 17, so you will need to upgrade

• @mui/material
• @mui/icons-material
• @emotion/react
• @emotion/styled
• @rjsf/core >= 5.0.0
• @rjsf/utils >= 5.0.0
• @rjsf/validator-ajv6 >= 5.0.0

yarn add @mui/material @mui/icons-material @emotion/react @emotion/styled @rjsf/core @rjsf/utils @rjsf/validator-ajv6

Installation

yarn add @rjsf/mui

Usage

Material UI version 5

import Form from '@rjsf/mui';

or

import { withTheme } from '@rjsf/core';
import Theme from '@rjsf/mui';

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

const Form = withTheme(Theme);

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