Samples

These examples run in the manual. Edit the JavaScript on the left side of each simulator to see JSONX render the output on the right.

1. Getting Started Basic Example
2. Advanced Props: Traverse Props
3. Advanced Props: __dangerouslyEvalProps
4. Advanced Props: __spreadComponent
5. Advanced Props: Component Evaluation Props
6. Advanced Props: __functionProps legacy example
7. Advanced Props: Format Props
8. Advanced Props: Utility Props
9. Advanced Props: Display Props
10. Component Library Example
11. Custom Component Example
12. Create Components: Function Components With Hooks
13. Create Components: Class Components
14. Create Components: Dynamic Components
15. Create Components: Form Components

Where To Go Next

• Start with Getting Started if you want the shortest path from JSONX to rendered output.
• Use Using Advanced Props when examples reference dynamic props, templates, display rules, or evaluated props.
• Use Creating React Components and Component Libraries when examples create function, class, dynamic, or form components.