从Storybook中的组件中删除Tailwind className



我有一个移动侧边栏组件,应该隐藏在桌面上。由于它只用于移动设备,所以它的类名为md:hidden

我正在将我的所有组件添加到React Storybook中,以创建每个组件的库。但由于它具有md:hidden类,除非更改视口或窗口大小,否则它不会显示。Storybook中是否有覆盖或删除className的方法?

不过,我希望它能出现在故事书中,所以我想知道如何删除或覆盖故事书中的那个类。

我认为你把它倒过来了(假设你为移动设备设置了md:hidden(。在顺风中,如果我们想在效果超过768px时应用md(最小宽度:768((如果我们想让它在桌面视图中显示,则不是我们想要的(

所以现在,当侧边栏在桌面视图中时,您正在隐藏它。请尝试用hidden-md:visible替换您的属性。通过这种方式,它将默认为隐藏(当它在移动视图中时(,并且一旦它到达&超过768(桌面视图(的最小宽度,它将显示侧边栏。希望这对兄弟有帮助。

最新更新