javascript - 如何在 Storybook 中显示副标题？

Question

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

故事书版本是 5.3.13。

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

Answer 1

检查此链接

对于 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

只需为子标题添加相同的路径标题。

文档：链接

例子：

// Button.stories

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

export default {

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

});