GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 16:51:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

Standalone CSF example (#9223)

Browse Source 
Standalone CSF example
This commit is contained in:
Michael Shilman 2019-12-24 10:34:43 +08:00 committed by GitHub
commit 46e970c77e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
examples/standalone-preview/stories/Component1.stories.tsx Normal file
View File

@ -0,0 +1,7 @@
import * as React from 'react';
export default {
title: 'Component 1',
};
export const Story1 = () => <div>Component 1 - Story 1</div>;

8
examples/standalone-preview/stories/Component2.stories.tsx Normal file
View File

@ -0,0 +1,8 @@
import * as React from 'react';
export default {
title: 'Component 2',
};
export const Story1 = () => <div>Component 2 - Story 1</div>;
export const Story2 = () => <div>Component 2 - Story 2</div>;

2
examples/standalone-preview/storybook.html
View File

@ -8,7 +8,7 @@
</head>
<body>
<div id="root"></div>
<script src="./storybook.tsx"></script>
<script src="./storybook.ts"></script>
<div class="sb-errordisplay sb-wrapper">
<div id="error-message" class="sb-heading"></div>
<pre class="sb-errordisplay_code"><code id="error-stack"></code></pre>

5
examples/standalone-preview/storybook.ts Normal file
View File

@ -0,0 +1,5 @@
import { configure } from '@storybook/react';
import * as Comp1 from './stories/Component1.stories';
import * as Comp2 from './stories/Component2.stories';
configure(() => [Comp1, Comp2], module);

10
examples/standalone-preview/storybook.tsx
View File

@ -1,10 +0,0 @@
import * as React from 'react';
import { configure, storiesOf } from '@storybook/react';
configure(() => {
storiesOf('Component 1', module).add('Story 1', () => <div>Component 1 - Story 1</div>);
storiesOf('Component 2', module)
.add('Story 1', () => <div>Category 2 - Story 1</div>)
.add('Story 2', () => <div>Category 2 - Story 2</div>);
}, module);