{"repo":"b-gran/object-editor-react","free":true,"listed":false,"github":"https://github.com/b-gran/object-editor-react","clone":"git clone https://github.com/b-gran/object-editor-react.git","description":"Schema-aware editor for structured JSON objects (drop-in React component)","language":"JavaScript","stars":126,"topics":["schema","react","json","editor","objects","component"],"license":"MIT","category":"ui-components","readme_excerpt":"object-editor-react object-editor-react is a visual editor for structured JSON data, available as a simple drop-in React component. 🔌 Drop-in, structured editing of deeply nested JSON objects ⚛️ Schema aware: create nested objects and array elements in real time 🏗 Bulk operations for working with larger objects Demo/example (source) Preview How it works: 1. Create a Schema -- it can be as deeply nested as you need. 2. Drop in an ObjectEditor or ArrayEditor and provide modification handlers. A table-based editor is generated based on the Schema . For properties with types like string and number, you can just edit the values directly using an element. For more complex properties (object, array, or other complex types), an \"Edit\" button in the cell creates a nested Editor (type chosen automatically) for editing the nested object. Installation Usage To use object-editor-react , just create a schema and provide object modification handlers. It's similar to using a controlled element. Schemas There are many different SchemaTypes that can be combined and nested however you need. They are similar to React PropTypes. A valid schema is either: An object whose leaves are SchemaTypes A SchemaType Examples: SchemaTypes any The value can be any non- undefined value. The value must have a type other than undefined . string The value must have type string . boolean The value must have type boolean . function The value must have type function . number The value must have type number . date ","default_branch":null,"files":null,"tree":[],"storefront":"/r/b-gran","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/b-gran/object-editor-react/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}