美文网首页
storybook使用addon-info时,Prop Type

storybook使用addon-info时,Prop Type

作者: Joemoninni | 来源:发表于2022-05-04 12:08 被阅读0次

    在使用storybook addon-info时,按照文档的指引来配置,运行后:


    可以通过覆盖样式解决。
    新建一个storybook.scss,添加以下内容,然后在全局样式文件index.scss中引入

    // storybook.scss
    .info-table, .info-table td, .info-table th {
      border-collapse: collapse;
      border: 1px solid #ccc;
      color: #444;
      margin-top: .25rem;
      padding-right: .5rem;
      padding: .25rem;
      text-align: left;
      vertical-align: top;
    }
    
    .info-table {
      width: 100%;
    }
    
    .info-table-monospace {
      font-family: Menlo, Monaco, "Courier New", monospace;
      font-size: .88em;
    }
    
    // index.scss 引入
    @import '../styles/storybook';
    

    保存,打开浏览器看效果:


    这样就好多了。

    相关文章

      网友评论

          本文标题:storybook使用addon-info时,Prop Type

          本文链接:https://www.haomeiwen.com/subject/rgmwyrtx.html