Problem adding trait to block

[JuniorVezintana]

I have a problem, when trying to add a Trait, it does not appear when selecting the item. Do the traits have a plugin to install or are they already integrated?
$this.objBlocksDefault['h1'] = {
label: 'Headline',
category: $this.strBlockText,
media: <img src="/builder/svg/h1.svg" class='icon-tools' style="width:45px">,
resizable: true,
attributes: { class: '', title: "Adicione uma Headline" },
content:
<h1 class="" data-bold="inherit" data-gramm="false" style="display:flex; justify-content:center; align-items:center; padding: 0; margin: 5px 5px 10px 5px; text-align: center; box-sizing: border-box; font-size: 39px;width:100%;" data-gjs-resizable="true"> Headline 01 </h1>,
traits: {
content: {
type: 'text',
label: 'Content',
default: 'Headline 01',
},
},
};

[artf]

You can't add traits on the Block level, you have to define them on the Component level, then you can use that component in your block

[JuniorVezintana]

And how would I do that? do you have any example?

[artf]

It's all documented, please read about Components, Traits and Blocks

[JuniorVezintana]

I managed to add the trait, when selecting the component it appears in the designated area, but when changing its content it does not update:
$this.editor.DomComponents.addType('h1', {
isComponent: el => el.tagName == 'H1',
model: {
defaults: {
traits: [
{
type: 'h1',
label: 'Texto do título',
name: 'texto',
},
{
type: 'color',
label: 'Cor do título',
name: 'corDoTitulo',
default: {
value: '#FF0000',
},
},
],
},
},
});

[artf]

what is the code for the trait of type: 'h1'?