如何在vue的故事书中显示材料设计图标



我使用的是vue&vuetify。

它很有用,但不能将材质设计图标视为v-icons

如何在故事书中显示图标?

如果问题是Storybook没有下载材质设计图标样式表,则可以将preview-head.html文件放在.storybook目录中。

一旦我这样做了,我就可以放置以下内容,然后,我的材料图标就会正确显示。

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

我从";添加Web字体"部分。https://storybook.js.org/docs/react/configure/styling-and-css

*注意-我使用的是Svelte,而不是Vue,文档在技术上是针对React的。我不确定Vue是否有不同的项目结构。由于React和Svelte都是一样的,我想这对所有的故事书项目来说都是常见的。

最新更新