title: Wrapper element for svelte storybook
body: <p>I am currently writing a component in svelte and in order to work on only this component I am also using storybook.</p>
  
  <p>The problem is that because of the css library I am using the component will be incorrectly rendered unless it is properly wrapped by a parent element. In short, this component is list element and without the list wrapper the css will be funky.</p>
  
  <p>So the question is, can I somehow tell storybook to wrap my component in a div?</p>
  
  <p>i.e. something like this</p>
  
  <pre><code>storiesOf("Kanban card", module)
    .add(
      "small",
      () =&gt; ({
        Component: Card,
        template: "&lt;div class='wrapper'&gt;&lt;Card /&gt;&lt;/div&gt;",
        props: {
          ...
        }
      })
    );
  </code></pre>