是否可以在侧边栏隐藏 Storybook 中的故事？但仍然能够通过 URL 访问它们吗？

Question

我正在尝试在 Storybook 中做一些事情。我有一个名为 Button 的组件，侧边栏上有太多故事。

有没有办法能够“隐藏”侧边栏上的故事，但仍然加载故事？所以基本上，例如，如果我可以隐藏“仅包含文本”故事，但加载故事，这样您仍然可以通过网址“http://localhost:9001/?path=/story/ccfk-%F0”访问它%9F%A7%A9-%E2%A0%80components-button--with-text-only" 或使用插件链接访问它。

我不确定这是否可能，非常感谢您的帮助，谢谢！

Answer 1

display: none您可以为 中的故事 id添加样式manager-head.html。这将从侧面板隐藏故事链接（但不会将其从 URL 访问中删除）。

每个侧面板项目的 css id 与故事 id 相同。因此，如果您想隐藏按钮/withTextOnly 故事，那么下面的样式.storybook/manager-head.html将隐藏它。

<style>#components-button--with-text-only { display: none;}</style>