Back to Storybook

Storybook Manager Addon Panel Hide On Showcase

docs/_snippets/storybook-manager-addon-panel-hide-on-showcase.md

10.3.61.0 KB
Original Source
js
import { addons } from 'storybook/manager-api';

addons.setConfig({
  layoutCustomisations: {
    showPanel(state, defaultValue) {
      const tags = state.index?.[state.storyId]?.tags ?? [];

      // Hide the panel on stories designed to showcase multiple variants or usage examples.
      if (tags.includes('showcase') || tags.includes('kitchensink')) {
        return false;
      }

      return defaultValue;
    },
  },
});
ts
import { addons, type State } from 'storybook/manager-api';

addons.setConfig({
  layoutCustomisations: {
    showPanel(state: State, defaultValue: boolean) {
      const tags = state.index?.[state.storyId]?.tags ?? [];

      // Hide the panel on stories designed to showcase multiple variants or usage examples.
      if (tags.includes('showcase') || tags.includes('kitchensink')) {
        return false;
      }

      return defaultValue;
    },
  },
});