{"id":15495042,"url":"https://github.com/vip-git/cra-react-jsonschema-form-material-ui-example","last_synced_at":"2025-07-02T21:05:02.638Z","repository":{"id":37728606,"uuid":"371804306","full_name":"vip-git/cra-react-jsonschema-form-material-ui-example","owner":"vip-git","description":"This is a small demo project showcasing compatibility of react-jsonschema-form with CRA ","archived":false,"fork":false,"pushed_at":"2022-07-02T06:09:13.000Z","size":433,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-02T21:04:21.481Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://cra-react-jsonschema-form-material-ui-example.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vip-git.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-05-28T19:48:35.000Z","updated_at":"2021-12-19T18:29:34.000Z","dependencies_parsed_at":"2022-09-11T21:00:30.948Z","dependency_job_id":null,"html_url":"https://github.com/vip-git/cra-react-jsonschema-form-material-ui-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vip-git/cra-react-jsonschema-form-material-ui-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fcra-react-jsonschema-form-material-ui-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fcra-react-jsonschema-form-material-ui-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fcra-react-jsonschema-form-material-ui-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fcra-react-jsonschema-form-material-ui-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vip-git","download_url":"https://codeload.github.com/vip-git/cra-react-jsonschema-form-material-ui-example/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vip-git%2Fcra-react-jsonschema-form-material-ui-example/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263215288,"owners_count":23431893,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-02T08:15:53.769Z","updated_at":"2025-07-02T21:05:02.517Z","avatar_url":"https://github.com/vip-git.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## CRA - React JSONSchema Form Material UI - Example\n\nThis is a small demo project showcasing compatiblity of [CRA](https://github.com/facebook/create-react-app) with [react-jsonschema-form-material-ui](https://github.com/vip-git/react-jsonschema-form-material-ui)\n\n```bash\nyarn \nnpm start\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n#### Example Code can be [seen here](./src/App.js)\n```jsx\nimport React from 'react';\nimport MaterialJsonSchemaForm from 'react-jsonschema-form-material-ui';\n\nimport schema from '../simple/schema.json';\nimport uiSchema from '../simple/ui-schema.json';\nimport givenFormData from '../simple/form-data.json';\n\nconst theme = {\n  palette: {\n    primary: {\n      light: '#757ce8',\n      main: '#3f50b5',\n      dark: '#002884',\n      contrastText: '#fff',\n    },\n    secondary: {\n      light: '#ff7961',\n      main: '#f44336',\n      dark: '#ba000d',\n      contrastText: '#000',\n    },\n  },\n};\n\nexport default () =\u003e {\n  const [formData, setFormData] = React.useState(givenFormData);\n  return \u003cMaterialJsonSchemaForm \n            schema={schema} \n            uiSchema={uiSchema} \n            formData={formData} \n            theme={theme} // Optional\n            onChange={({ formData }) =\u003e setFormData(formData)}\n            onSubmit={() =\u003e console.log('form submitted')}\n          /\u003e;\n};\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvip-git%2Fcra-react-jsonschema-form-material-ui-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvip-git%2Fcra-react-jsonschema-form-material-ui-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvip-git%2Fcra-react-jsonschema-form-material-ui-example/lists"}