Get change in property float

You can use the "model" passed as a parameter to get the current property. After inspecting the model object I figured out we can get the style using model.attributes.style

You should get the desired output by modifying your code snippet in the following way: editor.on('component:styleUpdate:float', (model) => { console.log('style update', model.attributes.style); });

@sakshigarg9 The approach I mentioned above is not working for some of the components, to be more precise what I observed is that the style property is giving empty string on the components which have a class defined.
Your approach of using editor is correct and also works for all the components, only thing is you were using incorrect sector id "General" instead of "general". Also, you need to extract the value of float in the following way editor.StyleManager.getProperty('general','float').attributes.value

The below code snippet works for all the components in the grapesjs-preset-webpage as I tested them. I think it should also work on your implementation:

editor.on('component:styleUpdate:float', (model) => 
{ 
 console.log('style update', editor.StyleManager.getProperty('general','float').attributes.value); 
});

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.