storybook使用addon-info時,Prop Types表格沒有邊框

在使用storybook addon-info時,按照文檔的指引來配置,運行后:


可以通過覆蓋樣式解決。
新建一個storybook.scss,添加以下內(nèi)容,然后在全局樣式文件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';

保存,打開瀏覽器看效果:


這樣就好多了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容