Package detail

@rjsf/material-ui

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

View Playground · Report Bug · Request Feature

Table of Contents

• About The Project
• Getting Started
  • Prerequisites
  • Installation
• Usage
• Roadmap
• Contributing
• Contact

About The Project

Exports material-ui theme, fields and widgets for react-jsonschema-form.

Built With

• react-jsonschema-form
• Material UI
• TypeScript

Getting Started

Prerequisites

• @material-ui/core >= 4.2.0 (in 4.2.0, the slider component was added to the core)
• @material-ui/icons
• @rjsf/core >= 2.0.0

yarn add @material-ui/core @material-ui/icons @rjsf/core

Installation

yarn add @rjsf/material-ui

Usage

import Form from '@rjsf/material-ui';

or

import { withTheme } from '@rjsf/core';
import { Theme as MaterialUITheme } from '@rjsf/material-ui';

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

const Form = withTheme(MaterialUITheme);

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