Attribute list value component
- For working with list attribute values, we need a new component with some specific feature.
- The component should look similar to the chip component, that we are already using.
- The component should have a handle on the left side which would allow drag and drop.
- The value should spread only across one line. This should be easily done with the
line-clamp
property and the -webkit-line-clamp
. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp
- On the right side, there should be some icon buttons:
- Edit button - after clicking, there should be a dialog displayed with the full value displayed in a textArea. Also, there might be a button that allows copying the whole value to the clipboard. In the dialog, there should be a cancel button and a confirm button that would just edit the value of the attribute object.
- Delete button - after clicking, there should be a dialog displayed with a confirmation.