Build pluggable data objects using React components.
npm install @webiny/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.
``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.