I'm quite familiar with adding custom HTML5 components in a Canvas document, but I'm struggling with adding a new component in the components.js file, specifically one with the variable type 'Collections'.
According to How to create custom components for HTML5 canvas in Animate CC , a custom component can include properties that are specific to that component, where the name, variable, type, and default can be set. Regarding the type, one of the options is Collections, which the documentation suggests is used in the included ComboBox component, that allows one to add a list of custom <key, value> pairs.
Here is my properties snippet from my components.js file.
"properties": [
{"name": "items", "variable": "items", "type": "Collection", "default": [{"label":"label0","data":"data0"}]}
]
In my custom component screenshot, the + icon produces no response (and is missing the 'label' and 'data' headers).
Basically, I'm looking to either:
1) See the code of the included ComboBox component to see how I can replicate the working component OR
2) Correct my properties entry (or any other correction) in my components.js file to work correctly to allow me to include the <key, value> pairs in Adobe Animate.
Included ComboBox Component: (working example)
My Custom Component: (not working)
AdChoices