How to add data to traits correctly?

[mosh-tudor]

Let's imagine that we:

• initialized GrapesJs
• made an AJAX request
• and now we need to append received data to a specific trait

What would be the correct way to do this?

[artf]

The trait reflects the component property or attribute value.
By having this component configuration:

attributes: { myattr: 'myattr default value' },
myprop: 'myprop default value',
traits: [
        {
          name: 'myattr',
          label: 'My attribute',
        },
        {
          name: 'myprop',
          label: 'My property',
          changeProp: true, // <- connect to props
        },
],

traits can be updated in this way:

component.addAttributes({ myattr: 'New myattr value' });
component.set({ myprop: 'New myprop value' });