JSPM

@docknetwork/rsjf-material-ui

3.2.3
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
    • 0
  • Score
    100M100P100Q26264F
  • License Apache-2.0

Material UI theme, fields and widgets for react-jsonschema-form

Package Exports

  • @docknetwork/rsjf-material-ui
  • @docknetwork/rsjf-material-ui/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@docknetwork/rsjf-material-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Build Status npm npm downloads Contributors Apache 2.0 License


Logo

@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

![@rjsf/material-ui Screen Shot][product-screenshot]

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

Built With

Getting Started

Prerequisites

Material UI version 4

  • @material-ui/core >= 4.12.0 (in 4.12.0, the library developers made it forward compatible with Material-UI V5)
  • @material-ui/icons >= 4.11.0 (in 4.11.0, the library developers made it forward compatible with Material-UI V5)
  • @rjsf/core >= 3.3.0
yarn add @material-ui/core @material-ui/icons @rjsf/core

Material UI version 5

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

  • @mui/material
  • @mui/icons-material
  • @emotion/react
  • @emotion/styled
  • @rjsf/core >= 3.3.0
yarn add @mui/material @mui/icons-material @emotion/react @emotion/styled @rjsf/core

Installation

yarn add @rjsf/material-ui

Usage

Material UI version 4

import Form from '@rjsf/material-ui';
// One could also use the `MuiForm4` alias
// import { MuiForm4 as Form } from '@rjsf/material-ui';

or

import { withTheme } from '@rjsf/core';
import { Theme as MaterialUITheme } from '@rjsf/material-ui';
// One could also use the `Theme4` alias
// import { Theme4 as MaterialUITheme } from '@rjsf/material-ui';

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

const Form = withTheme(MaterialUITheme);

Material UI version 5

import { MuiForm5 as Form } from '@rjsf/material-ui';

or

import { withTheme } from '@rjsf/core';
import { Theme5 as Mui5Theme } from '@rjsf/material-ui';

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

const Form = withTheme(Mui5Theme);

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

[product-screenshots]: