Installations
npm install @spectrumrjsf1/material-uiDeveloper Guide
Typescript
Yes
Module System
CommonJS, ESM
Node Version
16.9.1
NPM Version
7.21.1
Releases
Unable to fetch releases
Contributors
Download Statistics
Total Downloads
157
Last Day
1
Last Week
2
Last Month
6
Last Year
37
Bundle Size
21.51 kB
Minified
5.61 kB
Minified + Gzipped
Maintainers
Package Meta Information
Latest Version
4.2.2
Package Id
@spectrumrjsf1/material-ui@4.2.2
Unpacked Size
0.96 MB
Size
212.48 kB
File Count
91
NPM Version
7.21.1
Node Version
16.9.1
Total Downloads
Cumulative downloads
Total Downloads
157
Last day
0%
1
Compared to previous day
Last week
0%
2
Compared to previous week
Last month
100%
6
Compared to previous month
Last year
-54.9%
37
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Peer Dependencies
10
Dev Dependencies
25
@spectrumrjsf1/material-ui
Material UI 4 and 5 themes, fields and widgets for react-jsonschema-form.
Explore the docs »
View Playground
·
Report Bug
·
Request Feature
Table of Contents
About The Project
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)@spectrumrjsf1/core >= 4.0.0
1yarn add @material-ui/core @material-ui/icons @spectrumrjsf1/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@spectrumrjsf1/core >= 4.0.0
1yarn add @mui/material @mui/icons-material @emotion/react @emotion/styled @spectrumrjsf1/core
Installation
1yarn add @spectrumrjsf1/material-ui
Usage
Material UI version 4
1import Form from "@spectrumrjsf1/material-ui/v4";
or
1import { withTheme } from "@spectrumrjsf1/core"; 2import Theme from "@spectrumrjsf1/material-ui/v4"; 3 4// Make modifications to the theme with your own fields and widgets 5 6const Form = withTheme(Theme);
Typescript configuration adjustments
If you are using Typescript you may have to update your tsconfig.json file in to avoid problems with import aliasing.
If you are experiencing an error that is similar to TS2307: Cannot find module '@spectrumrjsf1/material-ui/v4' or its corresponding type declarations. you can add the following:
{
...
"compilerOptions": {
...
"baseUrl": ".",
"paths": {
"@spectrumrjsf1/material-ui/*": ["node_modules/@spectrumrjsf1/material-ui/dist/*"]
}
}
}
Jest configuration adjustments
If you are using Jest you may have to update your jest.config.json file in to avoid problems with import aliasing.
If you are experiencing an error that is similar to Cannot find module '@spectrumrjsf1/material-ui/v4' from '<file path>' you can add the following:
{
"moduleNameMapper": {
"@spectrumrjsf1/material-ui/v4": "<rootDir>/node_modules/@spectrumrjsf1/material-ui/dist/v4.js"
},
}
Material UI version 5
1import Form from "@spectrumrjsf1/material-ui/v5";
or
1import { withTheme } from "@spectrumrjsf1/core"; 2import Theme from "@spectrumrjsf1/material-ui/v5"; 3 4// Make modifications to the theme with your own fields and widgets 5 6const Form = withTheme(Theme);
Typescript configuration adjustments
If you are using Typescript you may have to update your tsconfig.json file in to avoid problems with import aliasing.
If you are experiencing an error that is similar to TS2307: Cannot find module '@spectrumrjsf1/material-ui/v5' or its corresponding type declarations. you can add the following:
{
...
"compilerOptions": {
...
"baseUrl": ".",
"paths": {
"@spectrumrjsf1/material-ui/*": ["node_modules/@spectrumrjsf1/material-ui/dist/*"]
}
}
}
Jest configuration adjustments
If you are using Jest you may have to update your jest.config.json file in to avoid problems with import aliasing.
If you are experiencing an error that is similar to Cannot find module '@spectrumrjsf1/material-ui/v5' from '<file path>' you can add the following:
{
"moduleNameMapper": {
"@spectrumrjsf1/material-ui/v5": "<rootDir>/node_modules/@spectrumrjsf1/material-ui/dist/v5.js"
},
}
Roadmap
See the open issues for a list of proposed features (and known issues).
Contributing
Read our contributors' guide to get started.
Contact
spectrumrjsf1 team: https://github.com/orgs/spectrumrjsf1-team/people
GitHub repository: https://github.com/spectrumrjsf1-team/react-jsonschema-form
No vulnerabilities found.
No security vulnerabilities found.