Change in traits does not update html

first, you're code needs to go in a plugin https://grapesjs.com/docs/modules/Components.html#define-custom-component-type

and you're not updating the model of the component, just the html in the canvas...

https://jsfiddle.net/jmweg8u1/4/

Yeah correct, thanks @skru You can also connect the content directly to the trait to read also the initial value.

traits: [{ label: 'Texto do botão', type: 'text', name: 'content', changeProp: true }],

Thanks for reporting this, @capoia.

Great question about Change in traits does not update html. The recommended approach with Components is to use the event-driven API.

Start here:

1. Check the GrapesJS documentation for your specific module
2. Look for the on() event listener method
3. Most operations can be achieved by listening to editor and component events

Common patterns:

// Listen for changes
editor.on('change', () => console.log('something changed'));

// Component lifecycle
editor.on('component:mount', (c) => console.log('component ready', c));
editor.on('component:update', (c) => console.log('component updated', c));

If you're still stuck:

• Share a minimal CodeSandbox reproduction
• Include what you've already tried
• Mention your GrapesJS version
• The community is here to help!