Hi,
inside the properties provider, you have the ability to add and remove groups to specific tabs. So something like
this.getTabs = function (element) {
return function (entries) {
const generalTab = entries.find((e) => e.id === "general");
const groups = generalTab.groups;
// Add the "magic" group to the general tab
const blackMagicGroup = {
id: "black-magic",
label: "Black Magic",
entries: []
};
spellProps(blackMagicGroup, element, translate);
groups.push(blackMagicGroup);
// Remove the "documentation" group
const idx = findGroup(groups, "documentation");
groups.splice(idx, 1);
return entries;
};
};
// helpers /////////////////////
function findGroup(entries, groupId) {
return findIndex(entries, (e) => e.id === groupId);
}
Source: CodeSandbox