如何禁用故事书中的“文档”选项卡?

2024-01-03

如何在每个故事的基础上禁用“文档”(插件文档)选项卡?

我尝试将以下关键值添加到故事中,但似乎没有任何效果。

parameters: {
  docs: { disable: true, hidden: true }
},

我正在运行 Storybook 5.3.8。


这将隐藏文档面板并仅显示画布:

  parameters: {
    previewTabs: {
      'storybook/docs/panel': {
        hidden: true,
      },
    },
  },

如果您只有一个选项卡,选项卡容器将被隐藏

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何禁用故事书中的“文档”选项卡? 的相关文章

  • 封装Vue组件库

    封装Vue组件 组件库开发 很多项目都会用到界面和功能相似的组件 为了能在不同项目中最大程度重用组件 所以会进行组件库开发 以提供不同项目基础的组件 开源组件库 Element UI iView 组件驱动开发CDD Component Dr
  • 在故事书 6 中禁用每个故事的画布

    我正在尝试找到一种在新故事书 6 的故事级别禁用画布的方法 我正在制作一个组件库 根据故事的不同 其中一些组件只有画布 而其他组件只有文档 我尝试过使用 myStory parameters previewTabs canvas hidde
  • 如何禁用故事书中的“文档”选项卡?

    如何在每个故事的基础上禁用 文档 插件文档 选项卡 我尝试将以下关键值添加到故事中 但似乎没有任何效果 parameters docs disable true hidden true 我正在运行 Storybook 5 3 8 这将隐藏文
  • 如何在角度应用程序的故事书中加载全局scss文件?

    我正在尝试加载故事书中的自定义全局样式文件 theme default scss 虽然我的组件正在故事书中加载 但样式没有被应用 我遵循了本教程故事书官方文档 https storybook js org docs configuratio
  • 为什么 JSON.parse 会抛出跨域错误?

    如果没有 JSON parse 以下代码可以正常工作 如果我尝试解析或字符串化我的数据对象 我会收到跨源错误 为什么会发生这种情况以及如何解决它 我在 Title js 中有以下代码 const name show title JSON p
  • Storybook 需要导出默认的 Ant Design 组件才能应用样式

    我希望使用 Ant Design 设计一些 React 组件 并将它们记录在 Storybook 中 故事书和组件都编写正确且有效 模态故事 js import React from react import action from sto
  • @storybook/Angular 无法在故事索引上加载 scss 文件

    我一直在尝试在我的角度项目中使用故事书 并且我使用本指南https storybook js org basics guide angular https storybook js org basics guide angular 我将推荐
  • 在 Storybook v6.4 中加载 css 模块类时出现问题

    我在让故事书与我的 Gatsby 项目中的 css 模块完美配合时遇到问题 我能够渲染按钮组件 但它没有添加任何我的样式 在检查元素时 我只得到undefined undefined从下面的代码 按钮 jsx import React fr
  • 如何在 Storybook 中使用 NextJS 的“useRouter()”钩子

    我一直在尝试使用 Storybook 中 Next js 的 useRouter 挂钩 但是 每次加载 Storybook 时 我都会收到 无法读取 null 的属性 路径名 我该如何解决这个问题 import useRouter from
  • 如何使用 Highcharts 停止色度差异“噪音”

    当将 Chromatic 作为合并请求的一部分时 找到实际有意义的差异就像大海捞针一样 Highcharts 有其奇怪的变化 其中部分 例如线条 的位置似乎略有不同 我们尝试过半音阶设置 公差 但这会导致缺少实际小变化的问题 延迟 仍然不起
  • React Typescript 故事书通过 onChange 回调实现自定义输入组件,然后将 State 值返回到输入

    我目前正在用故事书实现一个 React 定制输入组件 我希望实现的是这个定制的输入组件将需要几个参数 其中一个参数是onChangeInput 稍后它将负责为 输入值 设置状态值 下面是我的主要输入组件实现 输入 tsx import Re
  • 如何在 Storybook 6.0 中自定义深色和浅色主题

    我正在使用浅色和深色主题制作 PWA 我想创建我的 Storybook 浅色和深色主题来反映这些主题 因此 我创建了一个函数 如果我向它传递 Material UI 主题和基本名称 它将返回一个新的 Storybook 主题对象 但是我如何
  • 让笑话在故事书中全球可用

    我在用 storybook react 6 in a create react app项目 我对所有商店 对象等进行了数千次测试和模拟 这些模拟利用jest fn 我想在我的故事书故事中重复使用这些模拟 但它说jest is not def
  • 如何为具有默认导出的模块编写类型定义

    我想写一个类型定义storybook router https www npmjs com package storybook router 它不必那么准确 因为这是一个次要的开发工具 即anys 是可以接受的 但我什至似乎无法让它发挥作用
  • 寻找简单的方法在故事书中显示我的图书馆版本

    我正在尝试添加项目的当前版本 本质上是version字段来自package json 到故事书 以便故事书的消费者可以知道他们正在查看的项目版本 但是 我发现执行此操作非常困难 我无法在配置文件中找到执行此操作的方法 并且没有看到任何插件可
  • 在 Storybook 中隐藏每个故事的插件

    我正在使用 Storybook 和 React 构建一个组件库 使用 CSF 方法包含故事 我有多个插件 并在显示单个故事时使用它们 我还在一个视图中一起显示所有故事 作为参考 我想禁用特定插件的就是这个故事 在这种情况下 我想禁用旋钮 当
  • 如何删除默认的故事书画布样式?

    Storybook 将默认样式应用于故事画布 iframe 这使得我的故事无法呈现应有的样子 如何摆脱 Storybook 的默认样式 例如 这是默认样式h2元素 通过 Storybook 的 page css 那个的来源page css
  • 运行故事书时出错 - sh: 1: start-storybook: 未找到

    我运行时遇到错误故事书 即使是干净的安装 npm run storybook gt storybook media programmersedge New Volume devs demostorybook gt start storybo
  • 如何将 redux-toolkit 与 Storybook 一起使用?

    我目前正在尝试使用 Storybook 设置 redux toolkit 但是 在故事书中查看组件时 我的选择器在组件中返回未定义 当我将应用程序作为普通 React 应用程序运行时 选择器返回适当的状态 如何使用 Redux 设置 Sto
  • 在 React Storybook 的单个页面上显示组件的所有变体,但仍然有旋钮?

    我有一个可以是不同类型的按钮组件 例如primary secondary etc export const buttonTypes primary secondary tertiary positive negative const But

随机推荐