Samples

These examples show JSONX in the browser with the same concepts covered in the manual.

1. Getting Started Basic Example
2. Advanced Props: Traverse Props
3. Advanced Props: __dangerouslyEvalProps
4. Advanced Props: __spreadComponent
5. Advanced Props: __functionProps legacy example
6. Advanced Props: Format Props
7. Advanced Props: Display Props
8. Advanced Props: Utility Props
9. Custom Library: React Bootstrap
10. Custom Component: React Calendar
11. Create Components: Function, Class, Lazy, and Suspense
12. Create Components: Function Components With Hooks
13. Create Components: Dynamic Components
14. 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.