Edit elements in list

Question

I have a list with items that is loaded from firestore. Users can add new items etc. On each item i would like to have a edit button that toggles a small window, where the input is loaded and editable. Any ideas how to do this?

Answer 1

Based on your comment you could build it as a list:

• Material-UI List just add a modal dialogue for editing
• material-UI Table material-table is all set so you wouldn't need a modal dialogue, still you could do it like this material-table examples

There is a great tutorial on CodeRealm where guy is building something very similar to what you described. Take a look at it Material-UI/React