如何在 Storybook 中显示副标题?

Posted

技术标签:

【中文标题】如何在 Storybook 中显示副标题?【英文标题】:How to show subheading in Storybook? 【发布时间】:2020-06-05 23:36:43 【问题描述】:

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

Storybook 版本是 5.3.13。

配置文件中是否有需要更改的参数?

【问题讨论】:

【参考方案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,
  ,
);

【讨论】:

以上是关于如何在 Storybook 中显示副标题?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Storybook 中使用 NextJS 的 'useRouter()' 钩子

如何在 vue 的故事书中显示材料设计图标

如何在 Storybook 中注册全局 Vue 组件?

如何在 Storybook 中添加样式道具作为控件?

如何在 Storybook 中为 Angular 启用样式源映射

如何在 Laravel-Vue.js 应用程序中使用 Storybook