Separate style manager

[khanhleemtp]

i want to separate style in two part. Advance and Normal. How to separate style manager

[artf]

You can replace the default Style Manager UI with your own implementation https://grapesjs.com/docs/modules/Style-manager.html#custom-style-manager

[Ju99ernaut]

I've separated them by defining different Style Manager configs for each section, then switching between them when a tab is selected:

switch (type) {
    case 'basic':
        stm.getSectors().reset(basicSector);
        break;
    case 'advanced':
        stm.getSectors().reset(advancedSector);
        break;
    default:
        break;
}
editor.trigger('component:toggled');

stm is const stm = editor.Styles;