UNPKG

@reactjsonforms/antd-renderers

Version:

Ant Design Renderer Set for JSON Forms

65 lines (44 loc) 2.72 kB
# JSON Forms - More Forms. Less Code _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. ## Antd Renderers Package This is the JSON Forms Ant Design Renderers Package. This package only contains renderers and must be combined with [JSON Forms React](https://github.com/eclipsesource/jsonforms/blob/master/packages/react). See the official [documentation](https://jsonforms.io/docs/integrations/react/) and the JSON Forms React [seed repository](https://github.com/eclipsesource/jsonforms-react-seed) for examples on how to integrate JSON Forms with your application. You can combine [JSON Forms React](https://github.com/eclipsesource/jsonforms/blob/master/packages/react) with other renderers too, for example with the [Vanilla Renderers](https://github.com/eclipsesource/jsonforms/blob/master/packages/vanilla-renderers). Check <https://www.npmjs.com/search?q=%40jsonforms> for all published JSONForms packages. ### Quick start Install JSON Forms Core, React and React Antd Renderers ```bash npm i --save @reactjsonforms/core @reactjsonforms/react @reactjsonforms/antd-renderers ``` Use the `JsonForms` component for each form you want to render and hand over the renderer set. ```js import React, { useState } from 'react'; import { JsonForms } from '@reactjsonforms/react'; import { cells, renderers } from '@reactjsonforms/antd-renderers'; function App() { const [data, setData] = useState(initialData); return ( <div className='App'> <JsonForms schema={schema} uischema={uischema} data={data} renderers={renderers} cells={cells} onChange={({ data, _errors }) => setData(data)} /> </div> ); } ``` ## License The JSON Forms project is licensed under the MIT License. See the [LICENSE file](https://github.com/eclipsesource/jsonforms/blob/master/LICENSE) for more information. ## Roadmap Our current roadmap is available [here](https://github.com/eclipsesource/jsonforms/blob/master/ROADMAP.md). ## Feedback, Help and Support JSON Forms is developed by [EclipseSource](https://eclipsesource.com). If you encounter any problems feel free to [open an issue](https://github.com/eclipsesource/jsonforms/issues/new/choose) on the repo. For questions and discussions please use the [JSON Forms board](https://spectrum.chat/jsonforms). You can also reach us via [email](mailto:jsonforms@eclipsesource.com?subject=JSON%20Forms). In addition, EclipseSource also offers [professional support](https://jsonforms.io/support) for JSON Forms.