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

Fixes based on feedback

Browse Source
This commit is contained in:
jonniebigodes 2021-05-06 20:04:33 +01:00
parent 0b03e56265
commit 83092c8a29
8 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/snippets/svelte/button-implementation.js.mdx
View File

@ -21,7 +21,7 @@
*/ */
export let label = ''; export let label = '';
let style = backgroundColor ? `background-color: ${backgroundColor}` : ''; $: style = backgroundColor ? `background-color: ${backgroundColor}` : '';
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();

1
docs/snippets/svelte/button-story-click-handler.js.mdx
View File

@ -11,6 +11,7 @@ export default {
}; };
export const Text = () =>({ export const Text = () =>({
//👇 This is the same component as the one used in the default export and it's optional
Component:Button, Component:Button,
props:{ props:{
label:'Hello', label:'Hello',

2
docs/snippets/svelte/button-story-click-handler.native-format.mdx
View File

@ -2,7 +2,7 @@
<-- Button.stories.svelte --> <-- Button.stories.svelte -->
<script> <script>
import { Meta, Story } from '../src/index.js'; import { Meta, Story } from '@storybook/addon-svelte-csf';
import { action } from '@storybook/addon-actions'; import { action } from '@storybook/addon-actions';
import Button from './Button.svelte'; import Button from './Button.svelte';
</script> </script>

2
docs/snippets/svelte/component-story-custom-args-complex.native-format.mdx
View File

@ -4,7 +4,7 @@
<script> <script>
import { Meta, Template, Story } from '@storybook/addon-svelte-csf'; import { Meta, Template, Story } from '@storybook/addon-svelte-csf';
import YourComponent from "./YourComponent.svelte'; import YourComponent from './YourComponent.svelte';
//👇 Some function to demonstrate the behavior //👇 Some function to demonstrate the behavior
function someFunction(valuePropertyA, valuePropertyB) { function someFunction(valuePropertyA, valuePropertyB) {

2
docs/snippets/svelte/component-story-static-asset-with-import.native-format.mdx
View File

@ -20,7 +20,7 @@
/> />
<Template > <Template >
<MyComponent image={image} /> <MyComponent {image} />
</Template> </Template>
<Story name="WithAnImage" /> <Story name="WithAnImage" />

2
docs/snippets/svelte/my-component-story-basic-and-props.native-format.mdx
View File

@ -6,7 +6,7 @@
import MyComponent from './MyComponent.svelte'; import MyComponent from './MyComponent.svelte';
</script> </script>
<Story name="Basic" template="BasicTemplate"> <Story name="Basic">
<MyComponent /> <MyComponent />
</Story> </Story>

2
docs/snippets/svelte/my-component-story-with-nonstory.js.mdx
View File

@ -13,7 +13,7 @@ export default {
}; };
export const simpleData = { foo: 1, bar: 'baz' }; export const simpleData = { foo: 1, bar: 'baz' };
export const complexData = { foo: 1, foobar: { bar: 'baz", baz: someData } }; export const complexData = { foo: 1, foobar: { bar: 'baz', baz: someData } };
export const SimpleStory = () => ({ export const SimpleStory = () => ({
Component: MyComponent, Component: MyComponent,

2
docs/workflows/build-pages-with-storybook.md
View File

@ -41,7 +41,7 @@ When you are building screens in this way, it is typical that the inputs of a co
'vue/simple-page-implementation.2.mdx', 'vue/simple-page-implementation.2.mdx',
'vue/simple-page-implementation.3.mdx', 'vue/simple-page-implementation.3.mdx',
'angular/simple-page-implementation.ts.mdx', 'angular/simple-page-implementation.ts.mdx',
'svelte/simple-page-implementation.js' 'svelte/simple-page-implementation.js',
]} ]}
/> />