我正在使用故事书进行vue和vuetify。
这很有用,但看不到材料设计图标为v-icons
。
如何在故事书中显示图标?
答案 0 :(得分:0)
如果问题是 Storybook 没有下载 Material Design 图标样式表,您可以在 preview-head.html
目录中放置一个 .storybook
文件。
这样我就可以把下面的内容放进去,然后我的材质图标就可以正常显示了。
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
我是从 Storybook 文档这一页的“添加 Webfonts”部分得到的。 https://storybook.js.org/docs/react/configure/styling-and-css
*注意 - 我使用的是 Svelte,而不是 Vue,并且文档在技术上是针对 React 的。我不确定 Vue 是否有不同的项目结构。不过,由于 React 和 Svelte 是一样的,我认为它对所有 Storybook 项目都是通用的。