diff --git a/packages/example/src/App.tsx b/packages/example/src/App.tsx index c7186571..f4f79496 100644 --- a/packages/example/src/App.tsx +++ b/packages/example/src/App.tsx @@ -103,10 +103,31 @@ function App(props: AppProps & { selectedExample: ReactExampleDescription }) { paddingTop='0' paddingBottom='size-800' > +
+ + react, json-schema, jsonforms.io, react-spectrum + Generate{' '} + + react-spectrum + {' '} + based forms quickly by leveraging{' '} + + json-schemas + {' '} + for your object structure definition/validation, and{' '} + + jsonforms.io + {' '} + - choose a same in the 'Examples' section to preview predefined + forms (try for example one of the 'Categorization' examples). You + can also modify the examples in the editors and save them to local + storage to play with them later. + +
- {props.selectedExample.label} + Form: {props.selectedExample.label} {props.getComponent(props.selectedExample)} @@ -114,7 +135,7 @@ function App(props: AppProps & { selectedExample: ReactExampleDescription }) {
- JsonForms Examples + Example Forms @@ -125,31 +146,31 @@ function App(props: AppProps & { selectedExample: ReactExampleDescription }) { /> - +