@webiny/react-properties NPM

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

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

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

  return (
    <Properties onChange={onChange}>
      <Property name={"group"}>
        <Property name={"name"} value={"layout"} />
        <Property name={"label"} value={"Layout"} />
        <Property name={"toolbar"}>
          <Property name={"name"} value={"basic"} />
        </Property>
      </Property>
      <Property name={"group"}>
        <Property name={"name"} value={"heroes"} />
        <Property name={"label"} value={"Heroes"} />
        <Property name={"toolbar"}>
          <Property name={"name"} value={"heroes"} />
        </Property>
      </Property>
    </Properties>
  );
};

Output:

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

For more examples, check out the test files.

@babel/runtime @types/react @webiny/react-composition nanoid react

@infinitebrahmanuniverse/nolb-_webi @everything-registry/sub-chunk-1008 @webiny/app-aco @webiny/app-page-builder @webiny/app-audit-logs @webiny/app-file-manager @webiny/app-headless-cms @webiny/lexical-editor

2 days ago

2 days ago

2 days ago

16 days ago

16 days ago

16 days ago

22 days ago

28 days ago

29 days ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

0.0.0-unstable.de38392959

4 months ago

5.38.5-beta.0

4 months ago

0.0.0-unstable.a9593f74dd

4 months ago

5.38.5

4 months ago

5.38.4

4 months ago

5.38.4-beta.0

4 months ago

0.0.0-unstable.2696f9d9e8

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

9 months ago

9 months ago

6 months ago

6 months ago

6 months ago

9 months ago

9 months ago

9 months ago

8 months ago

9 months ago

7 months ago

7 months ago

8 months ago

9 months ago

7 months ago

8 months ago

9 months ago

7 months ago

8 months ago

8 months ago

7 months ago

7 months ago

0.0.0-unstable.c7dec08bb0

10 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

0.0.0-unstable.acacc54f0e

10 months ago

6 months ago

10 months ago

10 months ago

10 months ago

7 months ago

7 months ago

7 months ago

7 months ago

8 months ago

8 months ago

9 months ago

9 months ago

0.0.0-unstable.8feaff8c32

10 months ago

0.0.0-unstable.99666aeb00

10 months ago

0.0.0-unstable.98511f29f1

10 months ago

0.0.0-unstable.085ff6572f

11 months ago

10 months ago

8 months ago

6 months ago

6 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

0.0.0-unstable.c59b9cc5b9

12 months ago

0.0.0-unstable.aa00eecd97

12 months ago

0.0.0-unstable.d13302545b

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

0.0.0-unstable.606fc9c866

1 year ago

0.0.0-unstable.79032b23a5

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.8acc9e8892

1 year ago

0.0.0-unstable.ad3a7a4920

1 year ago

0.0.0-unstable.b6408e0dea

1 year ago

0.0.0-unstable.1145e7667f

1 year ago

0.0.0-unstable.b14eaecf38

1 year ago

0.0.0-unstable.c2780f51fe

1 year ago

0.0.0-unstable.da99e0b846

1 year ago

0.0.0-unstable.9e825fd5fb

1 year ago

0.0.0-unstable.6509387258

1 year ago

0.0.0-unstable.df6d94b531

1 year ago

0.0.0-unstable.b02d94bba0

1 year ago

5.34.8

1 year ago

0.0.0-unstable.496cf268ac

1 year ago

5.34.8-beta.1

1 year ago

0.0.0-unstable.13771d80a8

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.ecd8734205

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.e3f4727c56

1 year ago

5.34.6-beta.3

1 year ago

5.34.6-beta.2

1 year ago

5.34.6-beta.1

1 year ago

0.0.0-unstable.60a863e033

1 year ago

0.0.0-unstable.d65ec29d44

1 year ago

0.0.0-unstable.d7f521b032

1 year ago

0.0.0-unstable.bca7b3e350

1 year ago

5.34.6-beta.0

1 year ago

0.0.0-unstable.2af142b57e

1 year ago

5.34.5

1 year ago

5.34.5-beta.1

1 year ago

0.0.0-unstable.cc58a6566b

1 year ago

5.34.5-beta.0

1 year ago

0.0.0-unstable.7f63ea0744

1 year ago

5.34.4

1 year ago

5.34.4-beta.0

1 year ago

0.0.0-unstable.3386f66516

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-ee-vpcs.549378cf03

1 year ago

0.0.0-unstable.60e968001a

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.d16f688daf

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.aad28a72ae

1 year ago

0.0.0-unstable.97a151f74d

1 year ago

0.0.0-unstable.615a930a68

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-unstable.d4f203fa97

1 year ago

0.0.0-unstable.78f581c1d2

1 year ago

0.0.0-unstable.40876133bb

1 year ago

0.0.0-unstable.990c3ab1b6

1 year ago

0.0.0-unstable.6e5425ee89

1 year ago

0.0.0-unstable.611c5af35e

1 year ago

5.33.3

1 year ago

5.33.3-beta.0

1 year ago

0.0.0-unstable.fcdad0bc61

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

0.0.0-unstable.1e66d121db

2 years ago

0.0.0-unstable.8c4d9f045a

2 years ago

0.0.0-unstable.5e7233243f

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago