I want to add an indication for a trait. For my component, I have the traits: and for the type 'dateformat-indication', I created the type: However, I get an input within this type that I created even if it wasn't on its template: Is there a way to disable default input of the trait?

🤔 How to: Adding indication as a Trait wit…

Answers (2)

ahmedderkaoui• Apr 5, 2021

Using the method below works fine:

editor.TraitManager.addType('dateformat-indication', {
      noLabel: true,

      createInput({ trait }) {
        const el = document.createElement('div');
        el.innerHTML = `
              //TEMPLATE
        `;
        return el;
},

GJSBlock• May 17, 2026

Thanks for reporting this, @ahmedderkaoui. Great question about FEAT: adding indication as a Trait without any input.. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event listener meth...

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →

Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

Presets Plugins Components Blocks Assets Commands I18n Layers Styles Storages RTE Newsletters Web pages Site builders AI Developer Tools

Adding indication as a Trait without any input.

Question

Answers (2)

Related Questions and Answers

How to get the models trait of a component?

Set Toolbar on every Component

How to save the dynamically added traits

What is the idiomatic way to append and remove classes from components?

Paid Plugins That Match This Issue

Related tutorials

How to Build an AI-Powered Page Builder with GrapesJS in 2026

How Much Does It Cost to Build a SaaS Page Builder in 2026?

UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors

Browse Plugin Categories