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

Posted 2023-02-19

【中文标题】如何隐藏每个故事 arg 的故事书控件

【英文标题】：How can hide storybook control per story arg

【发布时间】：2021-11-02 17:58:31

【问题描述】：

我有使用故事书和 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]

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

【参考方案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。