appsmithorg / appsmithorg/appsmith

[Feature] JSON Editor Widget

Open
#3,360 19 comments 7 reactions 0 assignees View on GitHub
Enhancement New Widget Query Widgets & IDE Pod Widgets & Accelerators Pod Widgets Product
Dominant language
TypeScript
Stars
40.9k
Forks
4.8k
Avg merge
1d 22h
Merged PRs (30d)
45

Description

## Summary

Users need a way to edit & explore JSON objects

## Requirement

| Title | Desc | Comment |
| ----- | -------- | -------- |
| JSON Data | Object which needs to be parsed into the widget; editable or view only; The sample data should be short and be related to fruits | - |
| Mode | Editable \| Explore | Editable mode: The json object will display as code; Explore mode: The json object will show up as a nested tree, And option to append new key value will be given; Both modes will allow editing |
| Expand Fields | Expand all the field in the explore mode | - |
| Save | action onSave will trigger the registered event; When the event is set a button to save the json object should show up | - |
| Allow Copy | Boolean - false; Should give an option to the end user to copy the object in one click | - |
| Indentation | Allow this automatically or with a button click on the widget; Should only be available in the edit mode | - |

#Figma Link
https://www.figma.com/file/w9CaXHF5iYcrLtiEbAHcFu/Widgets-Library?node-id=421%3A11596

Front logo [Front conversations](https://app.frontapp.com/open/top_aross)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.