Support custom attribute in element

[riceyeh]

I am trying to integrate excalidraw in my AP. I have a problem. When an event, 'click' for example, occurs on an excalidraw element, I have no way to tell what object in my AP is associated with since I cannot decide the id of excalidraw's element. Hence, is it possible to support custom attributes in excalidraw just like the user-* attributes in HTML element.

[ad1992]

@riceyeh we already support customData for elemeents, you can read more about it here

[riceyeh]

Is it possible to edit customData like we do for the stroke color when elements are selected?

[dwelle]

Yes, though we don't have good API for listening on specific changes like elements being selected. The way to accomplish that currently would be to subscribe to onChange, diff the passed appState.selectedElementIds, and update the element using excalidrawAPI.updateScene(elements).

[riceyeh]

Let me describe my use cases for restaurant layout in order to see what API should I use. There are 2 types of use cases: use cases for layout designer and use cases for layout end user. Designer enter a table's ID (within customData) for elements forming the table. End user clicks on a table, then system do some other use cases based on the clicked table's ID. Enter user cannot change the layout, so excalidraw is in view mode and zen mode.