如何隐藏每个故事 arg 的故事书控件

Question

我有使用故事书和 mdx 文件来指定控件的 Rails 引擎项目 但我需要隐藏每个故事的特定控制

<Meta
    title='Label Component'
    story='with_tooltip'
    args={{
        object: 'employee',
        field_name: 'name',
        text: 'Employee name',
        tooltip: 'Lorem ipsum dolor sit amet, consectetur adipiscing eli'
    }}
/>

我有两个故事 [label,with_tooltip]

如果标签故事我需要隐藏工具提示控件 我正在使用视图组件预览来显示组件

Answer 1

您可以禁用故事的各个属性的控件，包括道具表文档，或者您可以仅禁用控件并保持道具表文档不变。

要禁用tooltip 道具的控制和道具表文档：

<Meta
    title='Label Component'
    story='with_tooltip'
    args={{
        object: 'employee',
        field_name: 'name',
        text: 'Employee name',
        tooltip: 'Lorem ipsum dolor sit amet, consectetur adipiscing eli'
    }}
    argTypes={{
      tooltip: {
        table: {
          disable: true
        }
      }
    }}

/>

要禁用控件但保留 tooltip 道具的道具表文档完整：

<Meta
    title='Label Component'
    story='with_tooltip'
    args={{
        object: 'employee',
        field_name: 'name',
        text: 'Employee name',
        tooltip: 'Lorem ipsum dolor sit amet, consectetur adipiscing eli'
    }}
    argTypes={{
      tooltip: {
        control: false
      }
    }}

/>

请参阅Storybook docs on disabling controls for specific properties。