React Properties


A tiny React properties framework, to build dynamic data objects using React components, which can be customized after initial creation. The usage is very similar to how you write XML data structures, but in this case you're using actual React.

Basic Example

``jsx
import React, { useCallback } from "react";
import { Properties, Property, toObject } from "@webiny/react-properties";

const View = () => {
const onChange = useCallback(properties => {
console.log(toObject(properties));
}, []);

return (
















);
};
`

Output:

`json
{
"group": [
{
"name": "layout",
"label": "Layout",
"toolbar": {
"name": "basic"
}
},
{
"name": "heroes",
"label": "Heroes",
"toolbar": {
"name": "heroes"
}
}
]
}
``

For more examples, check out the test files.