Ability to rename Knobs / Actions Tab-Titles

Would be cool to have the ability to use own title for Knobs and Actions tabs to make it more consistent with other frameworks like Vue: Props and Events.

If I look at the code it’s hopefully not to difficult.

[aviraminy]

This is not such a good workaround and relies on runtime, i wish there was a proper config for this.

[diamond-darrell]

Hi psi-4ward, you can rename the Tab title by acessing the addons object in your config.

import addons from '@storybook/addons';

addons.elements.panel['storybookjs/knobs/panel'].title = 'Props';
addons.elements.panel['storybook/actions/panel'].title = 'Event';

actually this doesn’t work for me at all i get an empty addons.elements object. It seems to me that the addon register is delayed and that is why it isn’t adding the element yet during the configure phase. PS - i am using storybook v5.2.1

wrapping assignment in setTimeout worked out for me

This didn’t work for me from the config.js file but did work from the addons.js file

import addons from "@storybook/addons";

setTimeout(function() {
  addons.elements.panel["storybookjs/knobs/panel"].title = "Props";
  addons.elements.panel["storybook/actions/panel"].title = "Events";
}, 0);

yes, I’m sorry, I should’ve mentioned it, I did this in the addons.js file as well as you are