mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-08 09:31:47 +08:00
3c45882cb1
- For these pages (so far): - /docs/get-started/whats-a-story - /docs/get-started/setup - /docs/writing-stories/introduction - /docs/writing-stories/args - /docs/writing-stories/parameters - /docs/writing-stories/decorators - /docs/writing-stories/play-function - /docs/writing-stories/loaders - /docs/writing-stories/build-pages-in-storybook - /docs/writing-stories/stories-for-multiple-components - /docs/api/csf - Convert some snippets to "common" ones - Remove unused snippets
32 lines
540 B
Plaintext
32 lines
540 B
Plaintext
```js
|
|
// List.stories.js
|
|
import { html } from 'lit-html';
|
|
|
|
export default {
|
|
title: 'List',
|
|
component: 'demo-list',
|
|
};
|
|
|
|
export const Empty = {
|
|
render: () => html`<demo-list></demo-list>`,
|
|
};
|
|
|
|
export const OneItem = {
|
|
render: () => html`
|
|
<demo-list>
|
|
<demo-list-item></demo-list-item>
|
|
</demo-list>
|
|
`,
|
|
};
|
|
|
|
export const ManyItems = {
|
|
render: () => html`
|
|
<demo-list>
|
|
<demo-list-item></demo-list-item>
|
|
<demo-list-item></demo-list-item>
|
|
<demo-list-item></demo-list-item>
|
|
</demo-list>
|
|
`,
|
|
};
|
|
```
|