Editing JSON hierarchies in streamlit

[fredzannarbor]

For a primarily internal tool, I need to display and edit in Streamlit a JSON hierarchy that is three levels deep.

I am looking for a component, library, or approach within existing streamlit that would let me

1. drag and drop items to new locations within the hierarchy
2. edit the text associated with individual leaves

Then save it back to a JSON object in the same format as it originated.

Is anyone aware of anything that might help?

[dataprofessor]

Hi @fredzannarbor

There is a component called streamlit-tree-select that shows a hierarchical tree and may be customize to your use case.

New Component: streamlit-tree-select, a simple and elegant checkbox tree

Hello everyone, I created my first custom component for a simple and elegant checkbox tree user input. It’s super useful if you if you would like to improve the user experience when it comes to user inputs with underlying tree like structures. [Bildschirmfoto 2022-09-03 um 10.19.11] Check out the documentation on GitHub: streamlit-tree-select

Hope this helps!