在使用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';
保存,打開瀏覽器看效果:
這樣就好多了。