苗条的故事书的包装元素

2024-05-17 • 问答

我目前正在用svelte编写一个组件，为了仅处理该组件，我还使用了故事书。

问题是由于我使用的是CSS库，除非使用父元素正确包装了组件，否则该组件将无法正确呈现。简而言之，此组件是list元素，没有列表包装器，css将很时髦。

问题是，我能以某种方式告诉故事书将组件包装在div中吗？

即像这样

storiesOf("Kanban card",module)
  .add(
    "small",() => ({
      Component: Card,template: "<div class='wrapper'><Card /></div>",props: {
        ...
      }
    })
  );

fjbjj 回答：苗条的故事书的包装元素

您最好的选择是创建一个单独的Svelte组件，专门用于该故事。这种方法还为您提供了一种正确使用插槽的方法，而Storybook并未明确提供这些插槽。

类似kanban-card.story.svelte的东西包含：

<script>
  import Card from '../wherever/kanban-card.svelte';

  // export the props that the component needs
  // pass up all events you want to handle
</script>

<Card on:eventYouWant />

css storybook svelte

本文链接：https://www.f2er.com/3086451.html

苗条的故事书的包装元素

fjbjj 回答：苗条的故事书的包装元素

大家都在问