Multiple Trait Manager Tabs
No, there is no available API to do so, someone tried already to implement categories in traits but being poorly implemented https://github.com/artf/grapesjs/pull/1790 I couldn't accept For now, the only solution would be to play directly with the DOM (eg. hide/move some traits by changing the category tab/select)
Read full answer below โQuestion
I know that I can use appendToproperty to append the Trait Manager into a custom element.
traitManager: {
appendTo: '.traits-container',
},
But there is a way to create more tabs and divide traits into these tabs by a category attribute?
Answers (1)
No, there is no available API to do so, someone tried already to implement categories in traits but being poorly implemented https://github.com/artf/grapesjs/pull/1790 I couldn't accept For now, the only solution would be to play directly with the DOM (eg. hide/move some traits by changing the cate...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1144
Custom property to change multiple settings
Is there a way to extend a current property or create a new one to change multiple properties? I have a component in which I would like to...
Issue #3541
What is the idiomatic way to append and remove classes from components?
Hey there ๐ Love the editor! We're using traits to modify what classes a component has, but that feels a bit hacky as you have to redeclar...
Issue #1324
Remove attributes from a component
Hi @artf I don't know if it is possible to remove an attribute from a component. In our project I'm injecting a custom attribute from a cus...
Issue #839
Create custom selected component settings
There is a option in panel to change setting of component (For links, there is an option no change link - HREF - and target, for texts, id...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins โPremium plugins ship with support, regular updates, and production-ready features โ save days of integration work.
Browse premium plugins โRelated tutorials
In-depth guides on the same topic.
Tutorial
GJS.Market Is Now Available for India ๐ฎ๐ณ
GJS.Market is expanding its global presence with a dedicated experience for developers, agencies, SaaS companies, and digital creators in India
Tutorial
How to Build an AI-Powered Page Builder with GrapesJS in 2026
What we learned building GJSDocs โ from simple AI text generation to structured, context-aware visual editing
Tutorial
UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors
Meet UnStudio, a new GrapesJS plugin studio with four tools, safer and better editor: Command Palette, Responsive Pack, Autosave & Restore, and Autofill
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.