如何在 Storybook 中显示副标题？

Question

我需要在左侧边栏中显示副标题，如附图所示。

Storybook 版本为 5.3.13。

我需要在配置文件中更改任何参数吗？

Answer 1

检查这个 link

对于 React，在您的 ./storybook/preview.js 添加此代码。

import { addParameters } from '@storybook/react';

addParameters({
  options: {
    /**
     * display the top-level grouping as a "root" in the sidebar
     * @type {Boolean}
     */
    showRoots: true,
  },
});

Answer 2

对于 Vue

只需为副标题添加相同的路径标题即可。

文档：link

示例：

// Button.stories

import { Button as ButtonComponent } from './Button';

export default {

  title: 'Design System/Atoms/Button',
  component: ButtonComponent,
};

});