How do I add my classes CSS file when using components?

Hi, @Leozinho0 You can do it like this:

editor.BlockManager.add('rodape', {
    label: '3 Colunas',
    attributes: {
        title: 'Insert h1 block',
        class: 'gjs-fonts gjs-f-b1',
    },
    content: `<div class="minha_classe">lala</div>
            <style>
                .minha_classe {
                    display: flex;
                    justify-content: flex-start;
                    align-items: stretch;
                    flex-wrap: nowrap;
                    padding: 10px;
                }
            </style>`,
});

Actually, the code I give to you works, to see what I mean, try this:

1. Drop custom created component into canvas, as you said it won't load the css ".row" style
2. Now drop any column block inside the canvas, and now you see the ".row" css is loaded.

This is because the styles are inside the block itself and they are only rendered when you drop the column block into the canvas. You can check printing this in the console that the html and css of the component are made like the code I give to you in my first comment. editor.BlockManager.get("column3").attributes.content

Hi. Thank you for answering. It doesn't work.

If you check https://grapesjs.com/demo.html when you add a component (Ex.: 3 columns) and click to export the html you will see that it loads the .row and .cell classes.