![Introducing Enhanced Alert Actions and Triage Functionality](https://cdn.sanity.io/images/cgdhsj6q/production/fe71306d515f85de6139b46745ea7180362324f0-2530x946.png?w=800&fit=max&auto=format)
Product
Introducing Enhanced Alert Actions and Triage Functionality
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
@jsonforms/material-renderers
Advanced tools
Readme
Complex forms in the blink of an eye
JSON Forms eliminates the tedious task of writing fully-featured forms by hand by leveraging the capabilities of JSON, JSON Schema and Javascript.
This is the JSON Forms Material Renderers Package. This package only contains renderers and must be combined with JSON Forms React.
See the official documentation and the JSON Forms React seed repository for examples on how to integrate JSON Forms with your application.
You can combine JSON Forms React with other renderers too, for example with the Vanilla Renderers.
Check https://www.npmjs.com/search?q=%40jsonforms for all published JSONForms packages.
Install JSON Forms Core, React and React Material Renderers
npm i --save @jsonforms/core @jsonforms/react @jsonforms/material-renderers
Use the JsonForms
component for each form you want to render and hand over the renderer set.
import React, { useState } from 'react';
import {
materialRenderers,
materialCells,
} from '@jsonforms/material-renderers';
import { JsonForms } from '@jsonforms/react';
const schema = {
type: 'object',
properties: {
name: {
type: 'string',
minLength: 1,
},
done: {
type: 'boolean',
},
due_date: {
type: 'string',
format: 'date',
},
recurrence: {
type: 'string',
enum: ['Never', 'Daily', 'Weekly', 'Monthly'],
},
},
required: ['name', 'due_date'],
};
const uischema = {
type: 'VerticalLayout',
elements: [
{
type: 'Control',
label: false,
scope: '#/properties/done',
},
{
type: 'Control',
scope: '#/properties/name',
},
{
type: 'HorizontalLayout',
elements: [
{
type: 'Control',
scope: '#/properties/due_date',
},
{
type: 'Control',
scope: '#/properties/recurrence',
},
],
},
],
};
const initialData = {};
function App() {
const [data, setData] = useState(initialData);
return (
<JsonForms
schema={schema}
uischema={uischema}
data={data}
renderers={materialRenderers}
cells={materialCells}
onChange={({ data, _errors }) => setData(data)}
/>
);
}
The JSON Forms project is licensed under the MIT License. See the LICENSE file for more information.
Our current roadmap is available here.
JSON Forms is developed by EclipseSource.
If you encounter any problems feel free to open an issue on the repo. For questions and discussions please use the JSON Forms board. You can also reach us via email. In addition, EclipseSource also offers professional support for JSON Forms.
See our migration guide when updating JSON Forms.
FAQs
Material Renderer Set for JSON Forms
The npm package @jsonforms/material-renderers receives a total of 14,037 weekly downloads. As such, @jsonforms/material-renderers popularity was classified as popular.
We found that @jsonforms/material-renderers demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 6 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
Security News
Polyfill.io has been serving malware for months via its CDN, after the project's open source maintainer sold the service to a company based in China.
Security News
OpenSSF is warning open source maintainers to stay vigilant against reputation farming on GitHub, where users artificially inflate their status by manipulating interactions on closed issues and PRs.